首页 > 代码库 > AngularJS入门基础——过滤器
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>
AngularJS入门基础——过滤器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。