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>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。