Table trial

AngularJS fiddle trial

HTML

<table ng-controller="tableCtrl">
        <tr ng-repeat="data in comments">
            <td ng-if="data.type === 'hootsslllll' ">//differnt template with hoot data</td>
            <td ng-if="data.type === 'story' ">//differnt template with story data</td>
            <td ng-if="data.type === 'article' ">//differnt template with article data</td>
        </tr>
    </table>

<hr>
    
  <div ng-controller="tableCtrl">
        <div ng-repeat="data in comments">
            <div ng-if="data.type === 'hootsslllll' ">//differnt template with hoot data</div>
            <div ng-if="data.type === 'story' ">//differnt template with story data</div>
            <div ng-if="data.type === 'article' ">//differnt template with article data</div>
        </div>
    </div>

JavaScript

var myApp = angular.module('myApp',[]);

function tableCtrl($scope) {
    $scope.comments = [
        {type:"story"},
        {type:"article"},
        {type:"adsad"}    
    ];
}