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

Question

我有一个数组，它是通过使用拆分字符串str.split()创建的，这会创建一个数组，它看起来像这样：

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

我希望能够使用*ngFor.

我试过这个（来自这个问题）：

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

但我收到此错误：

ERROR TypeError: _v.context.$implicit.join is not a function
    at Object.eval [as updateRenderer]

该表应如下所示：

TITLE | VALUE1 | VALUE2 | VALUE3
--------------------------------
TEXT1 | 1234   | 4321   | 9876
--------------------------------
TEXT2 | 2345   | 5432   |
--------------------------------
TEXT3 | 6543   | 3456   |

我如何实现这个表？

Answer 1

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

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

吴运行示例