You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.19 03:08:05