在表格中进行角度搜索

在我的桌子上有很多信息，我希望能够基于SN进行搜索，但是当我加入filter它甚至不载入我的表

这是我做过什么：在我的CONTROLER我的列表充满：

$scope.List = {}; 


MyServices.getList() 
.success(function (data) { 
    angular.forEach(data, function (value, index) { 
      $scope.List[value.SN] = { 
       Description: value.Description, 
       SN: value.SN 
      } 
    }); 
}) 
.error(function (error) { 
    $scope.status = 'Unable to load customer data: ' + error.message; 
});

，这是我的HTML：

<label>Search: <input ng-model="search.SN"></label> 
<tr ng-repeat="V in List| filter:search"> 
    <td>{{V.SN}}</td> 
    <td>{{V.Description}}</td> 
</tr>

来源

2016-07-26 user3122648

您的ngModel是'search.SN'，因此您的过滤器也应该是'search.SN'。 –

我做了你的建议，但仍然是同样的问题。我已经阅读了这个链接，看起来应该是我所做的工作，我不知道是什么问题。 https://plnkr.co/edit/?p=preview – user3122648

您必须如下写：

<label>Search: <input ng-model="search.SN"></label> 
    <tr ng-repeat="V in List| filter: {SN: search.SN}"> 
    <td>{{V.SN}}</td> 
    <td>{{V.Description}}</td> 
    </tr>

来源

2016-07-26 08:43:59 vaqifrv

它不起作用。我的列表是$ scope.List = {};我该如何解决它？ – user3122648

我不明白什么是问题，你能显示'$ scope.List'元素吗？ – vaqifrv

我更新了问题，请您检查一下吗？ – user3122648

删除输入字段上的对象声明。它会匹配您输入字段上指定值的整个对象：

<label>Search: <input ng-model="search"></label> 
<tr ng-repeat="V in List| filter: search"> 
    <td>{{V.SN}}</td> 
    <td>{{V.Description}}</td> 
</tr>

来源

2016-07-26 09:26:56

在表格中进行角度搜索

回答

相关问题