Cara memfilter menurut properti objek di angularJS

Saya mencoba membuat filter khusus di AngularJS yang akan memfilter daftar objek berdasarkan nilai properti tertentu. Dalam hal ini, saya ingin memfilter berdasarkan properti "polaritas" (kemungkinan nilai "Positif", "Netral", "Negatif").

Ini kode kerja saya tanpa filter:

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>

Berikut ini array "$ scope.tweets" dalam format 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"}}

Filter terbaik yang bisa saya buat sebagai berikut:

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;
};
});

Metode ini mengembalikan array kosong. Dan tidak ada yang dicetak dari pernyataan "console.log (polaritas)". Sepertinya saya tidak memasukkan parameter yang benar untuk mengakses properti objek "polaritas."

Ada ide? Tanggapan Anda sangat dihargai.

Anda hanya perlu menggunakan filterfilter (lihat dokumentasi ):

<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

The dokumentasi memiliki jawaban yang lengkap. Pokoknya begini caranya:

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

hanya akan memfilter agedalam dataarray dan trueuntuk pencocokan tepat.

Untuk penyaringan yang dalam,

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

Ini $adalah properti khusus untuk filter dalam dan trueuntuk pencocokan tepat seperti di atas.

Anda juga bisa melakukan ini untuk membuatnya lebih dinamis.

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

Maka Anda ng-repeat akan terlihat seperti ini

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

Filter ini tentu saja hanya akan digunakan untuk menyaring berdasarkan polaritas

Kami memiliki Koleksi seperti di bawah ini:

Sintaksis:

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

Contoh:

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

-ATAU-

Sintaksis:

ng-bind="(input | filter)"

Contoh:

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

Anda bisa mencoba ini. itu berfungsi untuk saya 'nama' adalah properti di arr.

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