So filtern Sie nach Objekteigenschaften in angleJS

Ich versuche, in AngularJS einen benutzerdefinierten Filter zu erstellen, der eine Liste von Objekten nach den Werten einer bestimmten Eigenschaft filtert. In diesem Fall möchte ich nach der Eigenschaft "Polarität" filtern (mögliche Werte von "Positiv", "Neutral", "Negativ").

Hier ist mein Arbeitscode ohne 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>

Hier ist das Array "$ scope.tweets" im JSON-Format:

{{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"}}

Der beste Filter, den ich finden konnte, ist wie folgt:

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

Diese Methode gibt ein leeres Array zurück. Aus der Anweisung "console.log (Polarität)" wird nichts gedruckt. Es scheint, als würde ich nicht die richtigen Parameter einfügen, um auf die Objekteigenschaft "Polarität" zuzugreifen.

Irgendwelche Ideen? Ihre Antwort wird sehr geschätzt.

Sie müssen lediglich den filterFilter verwenden (siehe Dokumentation ):

<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

Die Dokumentation enthält die vollständige Antwort. Wie auch immer, so wird es gemacht:

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

filtert nur ageim dataArray und trueist für die genaue Übereinstimmung.

Zur Tiefenfilterung

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

Das $ist eine spezielle Eigenschaft für Tiefenfilter und das trueist für die exakte Übereinstimmung wie oben.

Sie können dies auch tun, um es dynamischer zu gestalten.

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

Dann wird Ihre ng-Wiederholung so aussehen

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

Dieser Filter wird natürlich nur zum Filtern nach Polarität verwendet

Wir haben Sammlung wie folgt:

Syntax:

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

Beispiel:

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

-ODER-

Syntax:

ng-bind="(input | filter)"

Beispiel:

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

Sie können dies versuchen. seine Arbeit für mich 'Name' ist eine Eigenschaft in arr.

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