Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angular 5中有条件地向表中添加行_Javascript_Angular_Angular5 - Fatal编程技术网

Javascript 如何在angular 5中有条件地向表中添加行

Javascript 如何在angular 5中有条件地向表中添加行,javascript,angular,angular5,Javascript,Angular,Angular5,我是新手。我的app.component.ts中有一个对象数组。我想同时使用*ngFor和*ngIf创建表的行并应用条件。基本上 <tr *ngFor="let row of rows" *ngIf="row['category']==='M'"><td>...</td><td>...</td></tr> 。。。。。。 但是,这是不允许的,并且会显示一个错误: 一个元素上不能有多个模板绑定 如何实现这一点?为您的ngFo

我是新手。我的
app.component.ts
中有一个对象数组。我想同时使用
*ngFor
*ngIf
创建表的行并应用条件。基本上

<tr *ngFor="let row of rows" *ngIf="row['category']==='M'"><td>...</td><td>...</td></tr>
。。。。。。
但是,这是不允许的,并且会显示一个错误:

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


如何实现这一点?

为您的
ngFor
使用
ng容器

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

......