没有在angularjs中工作的JSON数据过滤器
没有在angularjs中工作的JSON数据过滤器
提问于 2013-10-07 16:47:45
我很抱歉，如果这是事先回答，我搜索，但不能理解其他堆栈溢出的答案，所以如果他们有答案，我无法理解它。我正在尝试过滤ng-重复中的JSON数据，但是每当我在输入中输入某些内容时，它就不会打开任何内容。只是一点帮助，即使它只是指向我的方向，将是非常感谢的。我有一个能说明我在说什么的jsbin。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-10-07 17:38:50
问题是过滤器不能到达嵌套属性。
它不能过滤stories.title.$text。
可能的解决办法：
- 编写自己的过滤函数。
- 以某种方式使要过滤的内容在不嵌套的属性中可用。例如:代替
stories.title.$text，让它在stories.title_text上可用。
下面是一个实用的JS：http://jsbin.com/esAteYI/2/edit
我做了两件事：
- 创建了一个
stories.$text属性，其中包括stories.title.$text和stories.teaser.$text的内容。 - 您可以指定应将筛选应用于哪个属性。查看如何将搜索输入字段的
ng-model属性更改为<input ng-model="searchquery.$text" />通过指定.$text属性，筛选器将只在其上工作。因此，它不会浪费宝贵的时间试图通过其他属性应用搜索。
Stack Overflow用户
发布于 2013-10-07 18:27:21
您可以像这样修改筛选条件：
ng-repeat="story in storytitle | filter:{'title.$text':searchquery}"它将查找标题上的搜索项。仅为$text属性。
不要忘记在控制器的开头将搜索查询设置为空：
$scope.searchquery = '';以下是您更新的Jsbin：http://jsbin.com/AQoJEMU/1/edit
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19237272
复制相关文章
点击加载更多
相似问题
Angularjs过滤器无法处理json数据
没有显示在模板视图AngularJS中的json数据
没有显示在angularjs过滤器中找到的数据
过滤器在AngularJS中是如何工作的？
为什么我的JSON数据没有显示在AngularJS中？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
