JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
   <div ng-controller="Ctrl">
    <div ng-repeat = "data in comments">
      <div ng-if="dataDisplay=='hoot'">
         {{ data.post_id}}
       </div>
      <div ng-if="dataDisplay=='story'">
         {{ data.post_id}}
       </div>
       <div ng-if="dataDisplay=='article'">
        {{ data.post_id}}
       </div> 
    </div>
</div>
</div>

JavaScript

function Ctrl($scope){
    var data=[{"_id":"52fb84fac6b93c152d8b4569",
       "post_id":"52fb84fac6b93c152d8b4567",
       "user_id":"52df9ab5c6b93c8e2a8b4567",
       "type":"hoot"},  
      {"_id":"52fb798cc6b93c74298b4568",
       "post_id":"52fb798cc6b93c74298b4567",
       "user_id":"52df9ab5c6b93c8e2a8b4567",
       "type":"story"},        
      {"_id":"52fb7977c6b93c5c2c8b456b",
       "post_id":"52fb7977c6b93c5c2c8b456a",
       "user_id":"52df9ab5c6b93c8e2a8b4567",
       "type":"article"}];
    $scope.comments =data;
    $scope.dataDisplay = "story"
}