JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app ng-controller="MyCtrl">
<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>
</div>
JavaScript
function MyCtrl($scope, $timeout)
{
$scope.tweets = [
{
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"
}
];
}