ng-Repeat Filter auf bestimmten Wert nicht funktioniert

Question

Was ich versuche zu tun ist sehr einfach. Ich möchte die Daten in meiner Tabelle filtern, indem Sie den Filterwert in ein Eingabefeld eingeben. Ich versuche, das Eingabefeld mit einem bestimmten Wert in der Tabelle zu verknüpfen.

Dies ist der Code für meine Eingabefelder:

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

Und das ist mein ng-repeat:

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

Ich hoffe, euch kann mir helfen, ich weiß nicht, was ich m falsch machen.

Answer 1

Ihr Eingabefeld bindet an search.salesrep, aber Ihr Filter bindet an search (was ein komplexes Objekt ist). Versuchen Sie folgendes: filter:search.salesrep

Auch werden Sie die ng-repeat auf tbody setzen, was bedeutet, dass Sie mehrere tbody Elemente haben. Sie beabsichtigen, wahrscheinlich mehrere td Elemente zu erzeugen, so setzen die ng-repeat auf dem td Element

Answer 2

Filter auf search.salesrep:

target in arrayTargets | filter:search.salesrep 

Answer 3

Es sollte:

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