Angular 结果的插值错误未定义

Question

我有一个插值问题，我需要做一些来自 api 的事情，像这样，

{columna1=6.022, columna2=0.0, columna3=3.14.....,columnaN=5.55 }

有时只有一个 'columna'，有时有 30 个 'columna' 所以我需要轻松地插入它们，为此我在 html 文件

<ng-container *ngFor="let numero of arregCols">
   <p>columna{{numero}} =  {{ columna[numero] }}</p>
</ng-container>

并在 component.ts

  for (let xk = 1; xk < maxCols; xk++) {
      this.arregCols[this.arregCols.length] = xk.toString();
  }

如果我进行了错误的插值，我不会。

如我所料

columna1 = 6.022
columna2 = 0.0
columna3 = 3.14
...
columnaN = 5.55

但我一无所获

ERROR TypeError: Cannot read properties of undefined

Answer 1

你可以使用angular keyvalue pipe

在component.ts

  data = {
    columna1:6.022, 
    columna2:0.0, 
    columna3:3.14,
    columnaN:5.55 
  }

在component.html

<div *ngFor="let item of data| keyvalue">
    {{ item.key }} = {{ item.value }}
  </div>

给出的结果为：-

columna1 = 6.022
columna2 = 0
columna3 = 3.14
columnaN = 5.55

Interpolation error on Angular result undefined