Question

我有一个数组，该数组是使用x+1分割字符串而创建的，它创建了一个数组，看起来像这样：

 /\(([^()]*)\)$/

我希望能够使用str.split()在表格中显示此信息。

我尝试过此操作（来自this question）：

var array = [
  "TEXT1,1234,4321,9876",
  "TEXT2,2345,5432",
  "TEXT3,6543,3456"
]

但是我得到这个错误：

*ngFor

该表应如下所示：

<tr>
    <td *ngFor="let info of array">{{info.join(",")}}</td>
</tr>

我如何获得此表？

Answer 1

要使用带有,分隔符的字符串来创建数组，请使用String.prototype.split方法

<tr *ngFor="let row of array">
  <td *ngFor="let info of row.split(',')">{{info}}</td>
</tr>

Ng-run Example

Answer 2

您将需要两个*ngFor。一个通过array用split

来遍历,中的每个项目，另一个遍历您将创建的数组中的每个项目。

尝试一下：

<table border="1">
  <thead>
    <tr>
      <td>TITLE</td>
      <td>VALUE 1</td>
      <td>VALUE 2</td>
      <td>VALUE 3</td>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let row of array">
      <td *ngFor="let column of row.split(',')">
        {{ column }}
      </td>
    </tr>
  </tbody>
</table>

这是您推荐的Working Sample StackBlitz。

使用* ngFor显示数组中的字符串值

2 个答案: