我正在做一個有角度的專案,我試圖用它*ngFor
來生成更多的 div,然后用 ngfor 索引顯示來自陣列的資料
來自 html 檔案的代碼 (numss=5) `
<div class="admin-container" *ngFor="let x of numss">
<div class="heading">Allocation Key Data</div>
<form action="#" *ngIf="newAcc">
<div class="card-details" >
<div class="card-box">
<span class="details">Provider Account ID</span>
<input type="text" placeholder="Provider Account ID [value]="newAcc.body.unitData[x].provider_account_id">
</div>
<div class="card-box">
<span class="details">Percentage</span>
<input type="text" placeholder="Percentage" [value]="newAcc.body.unitData[x].percentage">
</div>
</div>
</form>
`
uj5u.com熱心網友回復:
你必須像這樣調整你的代碼:
<div class="admin-container" *ngFor="let x of newAcc">
<div class="heading">Allocation Key Data</div>
<div class="card-details" >
<div class="card-box">
<span class="details">Provider Account ID</span>
<input type="text" placeholder="Provider Account ID" [value]="x.provider_account_id">
</div>
<div class="card-box">
<span class="details">Percentage</span>
<input type="text" placeholder="Percentage" [value]="x.percentage">
</div>
</div>
</div>
ngFor 像 foreach 一樣作業。
你也錯過了一個"
in placeholder="Provider Account ID"
。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/523432.html
標籤:html有角度的打字稿