您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

自定义过滤器与指令

发布时间：2019-08-09 20:32:17编辑：雪饮阅读（）

自定义过滤器

过滤器不属于控制器的下级,而是和控制器属于是同级

过滤器的第一个参数必须有,其他参数可选,其他参数根据形参定义顺序依次对应调用该过滤器时":"后面的参数顺序

一个示例如：

过滤器定义 ：

                            app.filter('myfilter',function(){

                                     return function(input,arg1){

                                               return input+arg1;

                                     }

                            });

过滤器使用 ：

         <div ng-controller="zhangsan">

                   {{5|myfilter:2}}

         </div>

指令

指令也是独立于控制器的

指令比较复杂，这里以一个示例说明

指令定义：

app.directive('abc',function(){

                                     var json={

                                               testrict:'E',

                                               template:'<span></span>'

                                     };

                                     return json;

                            });

指令调用：

<div ng-controller="zhangsan">

                   <abc></abc>

         </div>

解析：

定义：

定义时的testrict指定模式，这里的E表示定义的是一个元素

定义时的template则表示指令的具体内容

调用：由于是E模式，则调用时候直接像是html标签一样使用即可