如何为非 li 元素申请 ngfor？答案

【问题标题】：how to apply ngfor for non li elements?如何为非 li 元素申请 ngfor？
【发布时间】：2019-07-06 11:14:20
【问题描述】：

一旦满足条件，我正在尝试循环一组数据，我正在显示一个标签，但由于我用于 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>'

【问题讨论】：

标签： angular angular6 angular2-directives ngfor

【解决方案1】：

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

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

您的示例中一定有错误，在 ngFor 列表中必须是一个数组。数组如何具有名称属性？保存数组的变量的名称是“list”。另外，我不会这样命名“行”，这很混乱，只需将其命名为“行”。

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

【讨论】：

【解决方案2】：

你可以使用ng-container或者使用css来去除div的间距:)

【讨论】：

@yacky，那么问题不在于div。放一个stackblitz，我们可以看看
@yacky,,,,,, :)