2016-07-26 18 views
2

テーブルの列SNで検索したいと思います。 を私のcontroler私のリストに:テーブルの角度検索

これは私が何をしたかである私のテーブルで

そこに多くの情報が、私はSNに基づいて検索できるようにしたいが、私はfilterを追加するときに、それも私のテーブルをロードしません。

$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> 
+0

:それは、入力フィールド上の指定された値のため、オブジェクト全体にマッチします。 –

+0

私はあなたの提案をしましたが、それと同じ問題です。私はこのリンクを読んで、私がしたことがうまくいくように思えますが、私は何が問題なのか分かりません。 https://plnkr.co/edit/?p=preview – user3122648

答えて

2

あなたは次のように書かなければなりません:

<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> 
+0

これは機能しません。私のListは$ scope.List = {}です。どうすれば解決できますか? – user3122648

+0

何が問題なのかわかりません、 '$ scope.List'要素を表示できますか? – vaqifrv

+0

私は質問を更新しましたか? – user3122648

0

入力フィールドのオブジェクト宣言を削除します。あなたのngModelは `search.SN`ので、あなたのフィルターはまた` search.SN`あるべきである

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