如何有条件地将行添加到角度5的表中

Question

我是 Angular 5 的新手。我的app.component.ts. 我想同时使用*ngFor和*ngIf来创建表行并应用条件。基本上是这样的

<tr *ngFor="let row of rows" *ngIf="row['category']==='M'"><td>...</td><td>...</td></tr>

然而这是不允许的并且会显示错误：

一个元素上不能有多个模板绑定。

如何实现这一目标？

Answer 1

使用ng-container（文档链接）为您的ngFor。

<ng-container *ngFor= "let row of rows">
   <tr  *ngIf="row['category']==='M'"><td>...</td><td>...</td></tr>
</ng-container>