angularjs - 如何使用ng-if和table根据条件显示td

Question

引用之前关于 DIV 中 ng-if 的帖子 引用此处给出的链接::Ng-If within DIV ，但是当我在表内使用 ng-if 与 td 上的 ng-repeat 尝试相同的操作时，它似乎效果不佳。如果我错了，请纠正我，我尝试了 2 次根据条件显示该列，但没有成功。下面我给出了代码供引用。有人可以帮我解决这个问题吗？如果您需要更多说明，请告知。

HTML

尝试::1

   <table>
        <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>

尝试::2

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

Answer 1

ng-if 应该适用于您的 try::1。这是 fiddle 工作示例

http://jsfiddle.net/shivaraj/n3xWB/