使用过滤器

时间:2016-11-01 23:03:44

标签: javascript angularjs search ecmascript-6 ng-filter

我希望能够通过输入输入字段来搜索产品名称,产品信息,产品价格等多个属性。

我目前拥有的是:

搜索字段:

<input type="text" ng-model="search" placeholder="Search by product name or info">

带产品的简单表:

<tbody>
  <tr ng-repeat="prod in menuCtrl.menusProd | filter:search">
    <td>{{prod.name}}</td>
    <td>{{prod.info}}</td>
  </tr>
</tbody>

我想要实现的目标是能够在搜索栏中搜索多个值,因为目前它只搜索任何字段中的一个(名称或信息不是两者)。

例如,如果我有2个产品,如:

var products = [
   { name: "pizza", info: "salami"},
   { name: "pizza", info: "cheese" }
];

我如何搜索提供多种价值,例如&#34;披萨芝士&#34;在搜索栏中(所以名称和信息都包含在单词之间)。

我想我找到了我需要的例子,但我无法在es6中复制它:http://plnkr.co/edit/scuPYt?p=preview

0 个答案:

没有答案