我正在嘗試從 *ngFor 中顯示陣列的值
const blockData = [
{text: sampleText1, array: [val1]},
{text: sampleText2, array: [val2, dat2]},
{text: sampleText3, array: [val3, dat3]}
]
<div *ngFor="let data of blockData">{{data.text}}
<span>{{data.array}}</span></div>
如何data.array在我的跨度中顯示我的兩個值
uj5u.com熱心網友回復：
const blockData = [
{text: sampleText1, array: [val1]},
{text: sampleText2, array: [val2, dat2]},
{text: sampleText3, array: [val3, dat3]}
]
<div *ngFor="let data of blockData">{{data.text}}
<span *ngFor="let val of data.array">{{val}}</span>
</div>
你不能這樣做嗎？
uj5u.com熱心網友回復：
您可以在初始回圈中使用 ng-container 和 loop 。確保清理了 blockData 陣列并將值括在引號內。
<div *ngFor="let data of blockData">{{data.text}}
<span>
<ng-container *ngFor="let item of data.array"> - {{item}} - </ng-container>
</span>
</div>
uj5u.com熱心網友回復：
你可以使用json管道
const blockData = [
{text: sampleText1, array: [val1]},
{text: sampleText2, array: [val2, dat2]},
{text: sampleText3, array: [val3, dat3]}
]
<div *ngFor="let data of blockData">{{data.text}}
<span>{{data.array | json}}</span></div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/376706.html
標籤：javascript html 有角的
上一篇：Mat-Checkbox如果選中以顯示多個欄位不起作用
下一篇：無法啟動Angular應用程式