在表格中進行角度搜索

在我的桌子上有很多信息，我希望能夠基於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

在表格中進行角度搜索

回答

相關問題