AngularJS入门基础——过滤器

在HTML中的模板绑定符号{{ }}内通过 | 符号来调用过滤器

{{ name | uppercase }}

 

以HTML的形式使用过滤器时，如果需要传递参数给过滤器，只要在过滤器名字后面加冒号即可。如果有多个参数，可以在每个参数后面都加入冒号。

 

内置的过滤暂时就不记录笔记了，那么接下来我们自己做一个自定义的过滤器

 

//HTML

<div ng-controller="FilterController">

  {{ "abkjlsjdljfljsilnsldlkmflskdmflk" | breviary }}

</div>

 

//SCRIPT

<script type="text/javascript">

  angular.module("myApp", [])

    .controller("FilterController", function($scope) {

      // do nothing

    })

    .filter("breviary", function() {

      return function(str) {

        if (str) {

          return str[0].toUpperCase() + str.substring(1, 10) + "...";

        }

      };

    });

</script>