Javascript 有条件地选择TDs集,并带有角度

Javascript 有条件地选择TDs集,并带有角度,javascript,html,angularjs,Javascript,Html,Angularjs,假设我有: <tr ng-repeat="row in rows"> <td>{{row.field1}}</td> <td>{{row.field2}}</td> <td>{{row.field3}}</td> <td>{{row.field4}}</td> <td>{{

假设我有:

 <tr ng-repeat="row in rows">           
        <td>{{row.field1}}</td>
        <td>{{row.field2}}</td>
        <td>{{row.field3}}</td>

        <td>{{row.field4}}</td>
        <td>{{row.field5}}</td>
        <td>{{row.field6}}</td>
</tr>

{{row.field1}}
{{row.field2}}
{{row.field3}}
{{row.field4}}
{{row.field5}}
{{row.field6}}
现在我需要一个条件,在这里我选择field1-3或field4-6。。所以现在是:

 <tr ng-repeat="row in rows">           
        <td ng-if='row.isFirst'>{{row.field1}}</td>
        <td ng-if='row.isFirst'>{{row.field2}}</td>
        <td ng-if='row.isFirst'>{{row.field3}}</td>

        <td ng-if='!row.isFirst'>{{row.field4}}</td>
        <td ng-if='!row.isFirst'>{{row.field5}}</td>
        <td ng-if='!row.isFirst'>{{row.field6}}</td>
</tr>

{{row.field1}}
{{row.field2}}
{{row.field3}}
{{row.field4}}
{{row.field5}}
{{row.field6}}
当我有很多专栏的时候,这很烦人。。。我想以某种方式将条件置于实际“td”之外,比如:


{{row.field1}}
{{row.field2}}
{{row.field3}}
{{row.field4}}
{{row.field5}}
{{row.field6}}
} %>

有点像下划线。。。但angular似乎不支持外部条件,只支持元素上的条件。有什么想法吗?

我将给你介绍“角度方法”或MVVM方法,而不是你可能期望的“技术技巧”

Angular是一个MVVM框架,因此您的所有“逻辑”都应该在控制器或服务中,而不是在视图(html)中

您试图实现的目标是显示:

Model1 ={ Column1: ‘a’, Column2: ‘b’, Column3: ‘c’}


如果您从模型和视图的角度考虑,您会发现在控制器中分离和执行这些操作要简单得多,并且具有更轻的视图,这也是解决此问题的MVVM方法的本质。

对标题重复ng,对表的其余部分重复ng?我不确定您到底想要实现什么,但修改数据结构可能会更容易。
Model1 ={ Column1: ‘a’, Column2: ‘b’, Column3: ‘c’}
Model2 ={ Column4: ‘d’, Column5: ‘e’, Column6: ‘f’}