我有一個看起來像這樣的物件：
public serviceTable: Services[] = [
{ 1: { service: 'Service 1', description: 'Lorem Ipsum', serviceIsMandatory: true, serviceIsDisabled: true, price: 100, hourlyRate:100, hours: 5} },
{ 2: { service: 'Service 2', description: 'Lorem Ipsum', serviceIsMandatory: true, serviceIsDisabled: true, price: 100, hourlyRate:100, hours: 5} },
{ 3: { service: 'Service 3', description: 'Lorem Ipsum', serviceIsMandatory: true, serviceIsDisabled: true, price: 100, hourlyRate:100, hours: 5} }
];
現在在 HTML 中，我想輸出service表中的值。
<table mat-table [dataSource]="serviceTable" #matTableService class="mat-elevation-z8">
<ng-container matColumnDef="service">
<th mat-header-cell *matHeaderCellDef>Service</th>
<td mat-cell *matCellDef="let element">{{ element[1].service }}</td>
</ng-container>
好吧，element[1].service作業正常并輸出字串Service 1，但這是靜態的，我想讓它成為動態的。
我也試過了，{{element.key | json }}但什么也沒輸出。那么我怎樣才能讓它動態呢？
uj5u.com熱心網友回復：
您可以let i = index;在此處添加迭代。
<table mat-table [dataSource]="serviceTable" #matTableService class="mat-elevation-z8">
<ng-container matColumnDef="service">
<th mat-header-cell *matHeaderCellDef>Service</th>
<td mat-cell *matCellDef="let element; let i = index;">{{ element[i].service }}</td>
</ng-container>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/482015.html
上一篇：有沒有辦法匹配UITableViewDiffableDataSource中的節數匹配字典鍵計數
下一篇：如果在方法內部或外部回圈