如何将ngfor应用于非li元素?

时间:2019-02-12 18:17:48

标签: angular angular6 angular2-directives ngfor

我试图在条件满足后循环一组数据,我正在显示标签,但是由于我用于ngfor的div,它在标签前面增加了空间。如何在不留空格的情况下显示文本。下面是我正在尝试的示例

'<div  *ngFor="let rows of list"   >

     <label  *ngIf="list.name == 'test'"  >Confirm </label>
      <strong>{{list.name}}</strong> 


    <label *ngIf="rows.name != 'test' ">dont Confirm
 <strong>{{list.name}}</strong> 
</label>
</div>'

2 个答案:

答案 0 :(得分:0)

您可以使用ng-container或使用CSS来删除div的间距:)

答案 1 :(得分:0)

<div  *ngFor="let rows of list"   >

 <label  *ngIf="list.name == 'test'"  >Confirm </label>

您的示例中肯定有一个错误,在ngFor列表中,必须是一个数组。数组如何具有名称属性?保存该数组的变量的名称为“列表”。另外,我不会这样命名“行”,这很令人困惑,只需将其命名为“行”即可。

https://angular.io/guide/template-syntax#ngFor