在桌面上过滤的问题

时间:2016-09-02 03:41:25

标签: angularjs angularjs-components

我有这样的JSON数据:

[
  {
  "id": 6488,
  "type": "table",
  "content": "<table> <tbody> <tr> <td>First</td> </tr> <tr> <td>Second</td> </tr> <tr> <td>Third</td> </tr></tbody> </table>"
  }, {
    "id": 123123,
    "type": "another",
    "content": "xxxx"
  }
]

我正在使用ngBindHtml来显示content,而且效果非常好。问题只有一个:当类型相当于table时,我想对此进行过滤,有没有办法做到这一点?我搜索了很多,我找不到解决方案。

视图如下所示:

<input type="text" placeholder="Filter..." ng-model="$ctrl.search">
<p></p>
<strong>Id</strong>
<p ng-bind="$ctrl.item.id"></p>
<strong>Type</strong>
<p ng-bind="$ctrl.item.type"></p>
<strong>Content</strong>
<p ng-bind-html="$ctrl.item.content"></p>

以下是demo的链接,以便您更好地了解情况。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

如果过滤器的目标太过搜索,那么您可以执行以下操作:

 <div class="form-group">
 <input class="form-control" name="search" type="text" placeholder="Search" ng-model="search_points">
 </div>

并添加 - &gt; ng-repeat="p in Product.productPoints | filter:search_points" 并将它绑定为{{p.code}}而不是ng bind

参考访问 - &gt; This