Question

我正在使用* ngFor从mongoDB动态填充表。在其中一个单元格中，我有一个字符串数组，如string1，string2，string3，string4。如何将字符串显示为：
string1，
string2，
string3，
串，4

这是我的代码：

my_micropost.errors

在我的组件中我正在做

create!

感谢您的帮助。

Answer 1

您可以使用嵌套的ngFor。

<tbody>
  <tr *ngFor="let audit of audits ">
      <td>{{ audit.installDate  | date:"medium" }}</td>
      <td>{{ audit.appName }}</td>
      <td>{{ audit.environment }}</td>
      <td>{{ audit.userName }}</td>
      <td>
        <div *ngFor="let fqdN of audit.fqdNs; let lastItem = last">
          <span>{{fqdN}}</span><span *ngIf="!lastItem">,</span>
        </div>
      </td>
  </tr>
</tbody>

Answer 2

在地图中加入字符串，然后在表格中使用innerHTML属性绑定

  this._dataService
    .getAll()
    .map(x => Object.assign({}, x, {fqdNs: x.fqdNs.join("</br>")}))

表格单元格中逗号后面的angular2新行

2 个答案: