Question

我会尽可能简单地解释我的问题。我有这样的事情：

<table>
    <tr>
      <th ng-repeat="ordinate in ordinatesX">{{ordinate.ordinateLabel}}</th>
    </tr>   
</table>

这只是我餐桌上的一小部分和平，但这是有问题的。我的纵坐标对象有一个属性abstract。当abstract设置为true而DOM设置为th时，这样：{/ p>

<th>{{ordinate.ordinateLabel}}</th><th></th>

所以第一个th正在编写纵坐标，第二个th需要为空。但是当abstract设置为false时，我只需要一个th：

<th>{{ordinate.ordinateLabel}}</th>

我尝试过最简单的自定义指令：

.directive('ngTest', function() {
        return {
            restrict: 'A',
            replace: true,
            template: '<th></th><th></th>'
        }
});

但由于replace: true和根元素为tr的问题，即使这样也无法正常工作。有什么想法吗？

Answer 1

您可以合并ng-repeat-start和ng-if

ng-if不会在DOM中插入元素。

<table>
    <tr>
      <th ng-repeat-start="ordinate in ordinatesX">{{ordinate.ordinateLabel}}</th><th ng-if="ordinate.abstract" ng-repeat-end></th>
    </tr>   
</table>

两个表格单元格而不是一个angularjs

1 个答案: