我有一個插值問題，我需要做一些來自這樣的 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
uj5u.com熱心網友回復：
您可以使用角度鍵值管道
在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
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/376696.html
下一篇：角度異步請求回傳空值