我试图使用Twitter Bootstrap创建一个Angular2应用程序。但是,当我尝试创建一个动态列表组时,我碰到了一个问题:我似乎在同一元素中同时具有* ngIf和* ngFor。因此,如果我添加另一个out-或inline元素,我的列表组就会被破坏。
示例代码:
<ul class="row mobile">
<li class="col-md-4 list-group" *ngFor="#hall of halls">
<a href="#" (click)="onSelect(hall)">
<h4 class="list-group-item active">{{hall.name}}</h4>
</a>
<a class="list-group-item"
*ngFor="#machine of machineSet"
*ngIf="hall==currentHall">
{{machine.id}} {{machine.name}}
</a>
</li>
</ul>
如果有人有解决方案吗?