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>