javascript - 在$位置搜索angularjs中通过变量传递参数

Question

我正在尝试在过滤器对象中传递变量以搜索相关字段，但是当我放置对象而不像下面那样传递变量时，它可以正常工作：-

stock.controller.js

var vm = this;
vm.stocks = [
   {  
      itemName:'Peanut',
      labelName: 'Fortune nuts',
      cost : '$4'
   },
   {
      itemName:'Sandwich',
      labelName:'Coast Food',
      cost: '$10'
   }
]

vm.searchOptions = {itemName:vm.search};

股票.html

<input type="text" ng-model="vm.search"/>
<tr ng-repeat="s in vm.stocks | filter:{itemName:vm.search}">
    <td>{{s.itemName}}</td>
    <td>{{s.labelName}}</td>
    <td>{{s.cost}}</td>
</tr>

但是，如果我从变量中获取对象，它将不起作用。接下来我传递变量vm.searchOptions而不是硬编码。

<tr ng-repeat="s in vm.stocks | filter:vm.searchOptions">
    <td>{{s.itemName}}</td>
    <td>{{s.labelName}}</td>
    <td>{{s.cost}}</td>
</tr>

标签： javascriptangularjs