2017-04-03 136 views
2

我有一个表,我在一个数组迭代。在某些情况下,我想添加额外的<tr>。我在寻找这样的事情:ngIf用于关闭/打开标签

<table> 
    <tr *ngFor="let element in array"> 
    <td> 
     some content 
    </td> 
    //Starting block that will only be activated if some variable is true 
    </tr> 
    <tr> 
     <td> 
     some extra content 
     </td> 
//End of the block that will only be activated if some variable is true 
    </tr> 
</table> 

有没有一种方法来创建一个巨石HTML,可以把它包装这样的吗?

选项我试过到目前为止正在改变数据结构(阵列),所以它包括我在寻找的元素,但我并不高兴有额外的数据存在只是为了显示的目的。

+2

'* ngIf'不是一个迭代器,你需要使用'* ngFor'代替。 – Erevald

+0

这是一个错字。这是一个* ngFor – ZanattMan

回答

3

这应该做你想要

<table> 
    <ng-container *ngFor="let element in array" 
    <tr> 
     <td> 
     some content 
     </td> 
    </tr> 
    <tr *ngIf="someVar"> 
     <td> 
     some extra content 
     </td> 
    </tr> 
    </ng-container> 
</table> 
+1

这正是我正在寻找的。非常感谢! – ZanattMan

+1

不客气。很高兴听到你可以把它的工作:) –

-3

也许最好的办法是与ng-repeat的工作是什么。

实施例与NG-重复:

<table ng-controller="myCtrl"> 
    <tr ng-repeat="x in records"> 
     <td>{{x.Name}}</td> 
     <td>{{x.Country}}</td> 
    </tr> 
</table> 

伍重复使得用于在对象或数组。

看看这可以帮助你。

+1

没有'NG-repeat'在Angular2。 –

+0

NG重复是angularjs == 1角,因此并不适用于我的问题 – ZanattMan

+0

对不起,我没有看到它是从2角 –

相关问题