Question

好的，这就是交易：假设您有div个a标记列表，并且该标记中的问题逐个列为{{1}在论坛上。你点击这个问题 - 它会带你到正确的视图或wahetever。
重点是，您希望通过在上面的display:block中输入词组来过滤这些问题。
您希望角度过滤器仅显示包含您正在键入的词组的form input的{{1}}，并且只保留那些在视图中，隐藏所有其他内容，就像我们到处都看到的简单列表一样。这可能吗？
怎么样？

Answer 1

即使你没有付出努力来展示你的作品，我也会花时间回答这个问题。如果通过ng-repeat生成问题，则可以向其添加过滤器，该过滤器仅显示与文本输入的目标值匹配的过滤器。由于没有代码示例，我将在此处创建一个基本的。

控制器对象：

$scope.produceItems= [ {id:"1", name:"Tomato"}, {id:"2", name:"Potato"}, {id:"3", name:"Lettuce"}, ... ];

HTML：

Search by name: <input type="text" ng-model="search.name">

<div ng-repeat="produce in produceItems | filter:search:true"> 
  <h1>{{produce.name}}</h1>
</div>

让ng-model="search"搜索匹配值的所有键并相应地显示在ng-repeat中。

让ng-model="search.color"只搜索匹配的颜色键，并仅显示匹配的结果。

角度滤镜有很多文档可供使用。 https://docs.angularjs.org/api/ng/filter/filter

我已更新答案，以便更贴近您对评论中描述的内容进行建模。

AngularJS使用特定的锚定文本值

1 个答案: