AngularJS 配置过滤器服务($filterProvider),实现自定义过滤器的功能(config())

最新推荐文章于 2022-10-03 12:15:22 发布

houyanhua1

最新推荐文章于 2022-10-03 12:15:22 发布

阅读量1k

点赞数

分类专栏： AngularJS 文章标签： angularjs 自定义服务 config 配置 filterProvider

本文链接：https://blog.csdn.net/houyanhua1/article/details/80155674

版权

本文介绍了如何在AngularJS中利用$filterProvider的config()方法配置自定义过滤器服务，通过实例代码详细解析了自定义过滤器的创建过程。

摘要由CSDN通过智能技术生成

demo.html：

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>AngularJS</title>  
    <script src="angular.min.js"></script>  <!-- 引入AngularJS框架 -->  
</head>  
<body ng-app="App">  
    <div ng-controller="DemoController">
    	<h3>{
  {name|myfilter}}</h3>   <!-- 在视图中直接使用自定义的过滤器 -->
    	<h3>{
  {name2}}</h3>  <!-- 在$scope模型中使用过滤器格式化后的数据 -->
    </div>
    <script>  
        var App = angular.module('App',[]);

        // 每个内置服务都有一个对应的provider,可以通过provider配置服务。
        // config配置服务(块)  []表示依赖注入(可以注入多个依赖,同时配置多个服务)
        
        // 通过配置$filterProvider来实现注册自定义过滤器服务
        App.config(['$filterProvider',function($filterPro