为数组对象管理我的 *ngFor 时出现问题答案

【问题标题】：Problem with managing my *ngFor for array object为数组对象管理我的 *ngFor 时出现问题
【发布时间】：2020-04-05 16:50:29
【问题描述】：

我的对象是：

 {
    "name": "OCA Netflix",
    "workflowNames": [
      "OCA-Netflix-Action",
      "OCA-Netflix-Action-v2"
    ]
  }

当我在我的 html 中使用 ngFor 时，我使用：

{{ usecase.workflowNames }} 我看到元素用“，”分隔。

如何在我的代码中插入以查看列中的元素？

示例：

不是：OCA-Netflix-Action, OCA-Netflix-Action-v2

但是：

OCA-Netflix-Action
OCA-Netflix Action-v2

【问题讨论】：

【解决方案1】：

您可以使用*ngFor directive 和ng-container 并添加br 标签以提供新行。

<ng-container *ngFor="let v of usecase.workflowNames; let l = last;">
  {{v}}<br *ngIf="!l"/>
</ng-container>

【讨论】：

【解决方案2】：

在 html 中使用下面的代码

<div *ngFor="let item of usecase.workflowNames;let i=index;">
    <div>
        {{item}}<br/>
    </div>
</div>

【讨论】：