Come filtrare per proprietà dell'oggetto in angularJS

Sto cercando di creare un filtro personalizzato in AngularJS che filtrerà un elenco di oggetti in base ai valori di una proprietà specifica. In questo caso, voglio filtrare in base alla proprietà "polarità" (possibili valori di "Positivo", "Neutro", "Negativo").

Ecco il mio codice di lavoro senza il filtro:

HTML:

<div class="total">
    <h2 id="totalTitle"></h2>
    <div>{{tweets.length}}</div>
    <div id="totalPos">{{tweets.length|posFilter}}</div>
    <div id="totalNeut">{{tweets.length|neutFilter}}</div>
    <div id="totalNeg">{{tweets.length|negFilter}}</div>
</div>

Ecco l'array "$ scope.tweets" in formato JSON:

{{created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user       screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"},
 {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"},
 {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}}

Il miglior filtro che ho potuto trovare come segue:

myAppModule.filter('posFilter', function(){
return function(tweets){
    var polarity;
    var posFilterArray = [];
    angular.forEach(tweets, function(tweet){
        polarity = tweet.polarity;
        console.log(polarity);
        if(polarity==='Positive'){
              posFilterArray.push(tweet);
        }
        //console.log(polarity);
    });
    return posFilterArray;
};
});

Questo metodo restituisce un array vuoto. E nulla viene stampato dall'istruzione "console.log (polarity)". Sembra che non stia inserendo i parametri corretti per accedere alla proprietà dell'oggetto di "polarità".

Qualche idea? La tua risposta è molto apprezzata

Devi semplicemente usare il filterfiltro (vedi la documentazione ):

<div id="totalPos">{{(tweets | filter:{polarity:'Positive'}).length}}</div>
<div id="totalNeut">{{(tweets | filter:{polarity:'Neutral'}).length}}</div>
<div id="totalNeg">{{(tweets | filter:{polarity:'Negative'}).length}}</div>

Fiddle

La documentazione ha la risposta completa. Comunque è così:

<input type="text" ng-model="filterValue">
<li ng-repeat="i in data | filter:{age:filterValue}:true"> {{i | json }}</li>

filtrerà solo agenella datamatrice ed trueè per la corrispondenza esatta.

Per il filtraggio profondo,

<li ng-repeat="i in data | filter:{$:filterValue}:true"> {{i}}</li>

Il $è una struttura speciale per il filtro profonda e la trueè per corrispondenza esatta come sopra.

Puoi anche farlo per renderlo più dinamico.

<input name="filterByPolarity" data-ng-model="text.polarity"/>

Quindi ng-repeat sarà simile a questo

<div class="tweet" data-ng-repeat="tweet in tweets | filter:text"></div>

Naturalmente questo filtro verrà utilizzato solo per filtrare in base alla polarità

Abbiamo collezione come di seguito:

Sintassi:

{{(Collection/array/list | filter:{Value : (object value)})[0].KeyName}}

Esempio:

{{(Collectionstatus | filter:{Value:dt.Status})[0].KeyName}}

-O-

Sintassi:

ng-bind="(input | filter)"

Esempio:

ng-bind="(Collectionstatus | filter:{Value:dt.Status})[0].KeyName"

Puoi provare questo. funziona per me "nome" è una proprietà in arr.

repeat="item in (tagWordOptions | filter:{ name: $select.search } ) track by $index