如何为非 li 元素申请 ngfor？

Posted 2023-02-22

【中文标题】如何为非 li 元素申请 ngfor？

【英文标题】：how to apply ngfor for non li elements?

【发布时间】：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>'

【参考方案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,,,,,, :)