目前我正在使用 angular 開發一個網頁 - 我有一個包含 2 個專案的類，如下所示：
Array(2)
0: uiData { id: 12, price: 324 }
1: uiData { id: 23, price: 432 }
我正在嘗試以角度模板訪問這些資料
<div *ngFor="let item of uiData">
price: {{item.price}}
</div>
輸出：我得到的是如下
price: 324
price: 432
我正在尋找的所需輸出是
price: 324/432
嘗試通過提供 index 來訪問資料，例如 uiData[0].price/uiData[1].price 但這不起作用。
有沒有辦法訪問這些專案？
uj5u.com熱心網友回復：
您應該能夠通過重新打開另一個 {{}} 來訪問這些資料
<div>
price: {{uiData[0].price}}/{{uiData[1].price}}
</div>
如果你不想直接訪問范圍 0 和 1 的資料，你也可以像這樣回圈陣列
<div>
price:
<span *ngFor="let item of uiData;last as isLast">
{{item.price}}
<ng-container *ngIf="!isLast">/</ng-container>
</span
</div>
uj5u.com熱心網友回復：
You can write something like this
<div> price: <span *ngFor="let item of uiData;index as i">
{{item.price}}
<span *ngIf="i!=(uiData?.length-1)">/
</span>
</span>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/347497.html
上一篇：如何以編程方式取消選中單選按鈕
下一篇：使用正則運算式驗證輸入