AngularJS自定义过滤器失效求助:ngRepeat被注释无渲染效果
AngularJS自定义过滤器导致ngRepeat被注释无渲染效果
我曾查阅《如何在AngularJS中使用自定义过滤器》一文,已经推进到当前步骤,但该文章已发布3年,不想重新开启讨论。现在我遇到了一个棘手的问题:从Chrome调试器的元素视图中可以看到,我的ngRepeat循环和自定义过滤器居然被注释掉了,页面完全没有任何渲染效果,显示的内容是:<!-- ngRepeat: person in $ctrl.people | icfilter:W -->
以下是我的应用及过滤器代码:
var app=angular.module("componentApp", []); app.filter('icfilter', function() { return function(people, filterBy) { var out = [], lowerFilter = filterBy.toLowerCase(); angular.forEach(people, function(person) { if (person.name.toLowerCase().includes( lowerFilter)){ out.push(person); } }); return out; } });
HTML模板片段:
<!DOCTYPE html> <html> <head> <script src="angular/angular.min.js"></script> </head> <body ng-app="componentApp"> <!-- 此处包含控制器/组件引用及ngRepeat结构,示例如下 --> <div ng-repeat="person in $ctrl.people | icfilter:W"> {{ person.name }} </div> </body> </html>
希望有人能帮我找出ngRepeat被注释、页面无法渲染的原因。
内容的提问来源于stack exchange,提问作者WendyG
相关产品推荐
相关产品推荐

