在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>