2016-03-31 3 views
1

私がやっていることは非常に簡単です。入力フィールドにフィルター値を入力して、テーブルのデータをフィルター処理したいとします。入力フィールドをテーブルの特定の値にリンクしようとしています。特定の値に対するng-repeatフィルタが動作しない

これは私の入力フィールドのコードです:

<div class="form-group col-xs-6"> 
    <label>Sales Rep</label> 
    <input type="text" class="form-control" ng-model="search.salesrep"> 
</div> 

そして、これが私のNG-繰り返しである:私は君たちが私を助けることができると思います

<tbody ng-repeat="target in arrayTargets | filter:search"> 
    <td class="salesRepTable"> {{target.salesrep}}</td> 
</tbody> 

、私は「かわかりません私は間違っている。

答えて

2

入力ボックスはsearch.salesrepにバインドされますが、フィルタはsearch(複雑なオブジェクト)にバインドされます。これを試してみてください:filter:search.salesrep

をまた、あなたが複数のtbodyの要素を持つことになります意味し、tbodyng-repeatを入れています。おそらく、複数のtd要素を生成するつもりなので、search.salesreptd要素

+0

ニース回答#fikkatra。同意する。 一つの事#Krist#of#Pauwelsはオブジェクト変数をうまく使いました。したがって、疎結合の抽象化は価値観に従うでしょう。 –

+0

彼は.salesrepを使用して入力フィールドをsearch.salesrepにバインドします。この方法では入力を使用してテーブルの他のフィールドをフィルタリングしません –

0

フィルタにng-repeatを置く:それがあるべき

target in arrayTargets | filter:search.salesrep 
3

<tbody> 
    <td class="salesRepTable" ng-repeat="target in arrayTargets | filter:search.salesrep">{{target.salesrep}}</td> 
</tbody> 
+0

これを試しましたが、まだ動作しません。 )私は$ http.getから出るので、多分それはそれと関係があります。 –

+0

コントローラを投稿する必要があります –

関連する問題