angularjs能够根据关键词进行过滤吗？

Question

我在mysql中有30个类别。我有450个子类别，它们与另一个表中的30个类别有关。

类别表

id _ title _关键字

动物，动物，宠物，鹦鹉

书籍、书籍、教育书籍

N_ xxx _ xxx

子类别表

id _ ref _ title _关键词

1_1猫，波斯猫，孟加拉猫

2_1犬、拉布拉多犬、戈尔德猎犬

3_2_经典_达芬奇码，书籍，书籍，经典书籍

我需要实现文本字段的过滤器。如果用户在文本字段中输入labrador，则在关键字中显示包含“labrador”的类别或/和子类别。在这种情况下，“狗”子类别将出现！

我知道这是使用jquery完成的。但是，是否可以用angularJs来实现这一点呢？如果你有小提琴，那就太棒了！:)谢谢

Answer 1

我选择了一条不同的道路。这只是使用一些下划线过滤器来修改模型。虽然有点粗糙，但可能是个很好的开始。

http://jsfiddle.net/bfricka/J3kDS/

Answer 2

这把小提琴可能会帮助你开始工作。试着在文本框中输入“labrador”，注意第二个下拉菜单只显示狗狗。如果你输入‘波斯语’，第二个下拉菜单只显示猫。

大部分工作都发生在ng-options中的子类别ng-options过滤器中。

<select ng-model="selectedSubCategory" ng-options="c.title for c in subcategories | filter:{ref: selectedCategory.id, keywords:keyword}"></select>

过滤器过滤器允许您通过多个字段限制绑定数组。在这个例子中，它通过两件事进行过滤：

1. ref on subcategories基于selectedCategory中的第一个选择下拉。这本身只显示与当前所选类别匹配的子类别。
2. 基于输入文本框中键入的keywords的subcategories上的keyword。这意味着当您在文本框中键入某些内容时，将在$scope.keyword模型中更新值，并自动筛选包含键入文本的任何keywords的subcategories。

更新：看了bfricka的照片后，我可能误解了你的问题。I 拨弄小提琴并将allCategories添加到模型中，将categories和subcategories以及仅针对在ng-repeat中显示结果时键入的关键字的筛选器组合在一起。

<div ng-repeat="c in allCategories | filter:{keywords:keyword}">{{c}}</div>