请使用firefox,chrome等最新浏览器浏览本站。

filter的两种使用方法

js+jquery 阿豹 304次浏览 0个评论 扫描二维码

1. 在模板中使用filter

我们可以直接在{{}}中使用filter,跟在表达式后面用 | 分割,语法如下:
{{ expression | filter }}

也可以多个filter连用,上一个filter的输出将作为下一个filter的输入(怪不得这货长的跟管道一个样。。)
{{ expression | filter1 | filter2 | ... }}

filter可以接收参数,参数用 : 进行分割,如下:
{{ expression | filter:argument1:argument2:... }}

除了对{{}}中的数据进行格式化,我们还可以在指令中使用filter,例如先对数组array进行过滤处理,
然后再循环输出:

2.在controller和service中使用filter

我们的js代码中也可以使用过滤器,方式就是我们熟悉的依赖注入,
例如我要在controller中使用currency过滤器,只需将它注入到该controller中即可

   app.controller('testC',function($scope,currencyFilter){
    $scope.num = currencyFilter(123534);  
    }

在模板中使用{{num}}就可以直接输出$123,534.00了!在服务中使用filter也是同样的道理。

如果我要在controller中使用多个filter,你只需注入一个$filter就够了,使用方法如下:

    app.controller('testC',function($scope,$filter){
        $scope.num = $filter('currency')(123534);
      $scope.date = $filter('date')(new Date());  
    }

转载请注明filter的两种使用方法
喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到