angular2 ngFor和ngIf在1个元素内

时间:2016-01-15 22:08:56

标签: twitter-bootstrap loops conditional angular

我试图使用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>

如果有人有解决方案吗?

0 个答案:

没有答案