我正在嘗試將嵌套的 json 數(shù)組顯示到我的材質(zhì)角度表中。如果我的 json 沒有嵌套數(shù)組，我的數(shù)據(jù)工作正常。杰森{"rows": [ { "mst": { "field": "createDate", "value": "2017-06-02" }, "gsc": { "field": "Account/Audit/Creation/Date", "value": "2017-06-02" } }, { "mst": { "field": "startDate" }, "gsc": { "field": "startDate" } }, { "mst": { "field": "status", "value": "ACTIVE" }, "gscs": [ { "field": "Account/LineOfBusiness/Type~Status", "value": "C~A" }, { "field": "Account/LineOfBusiness/Type~Status", "value": "I~A" } ], "gscvalue": "Active" }, { "mst": { "field": "statusDate" }, "gsc": { "field": "statusDate" } }, { "mst": { "field": "statusReason" }, "gsc": { "field": "statusReason" } }, { "mst": { "field": "deliveryMethod", "value": "PAPER" }, "gscs": [ { "field": "Electronic", "value": "N" }, { "field": "ElectronicOutsourced", "value": "N" }, { "field": "Hardcopy", "value": "Y" } ], "gscvalue": "Paper" }, { "mst": { "field": "statementFormat", "value": "Standard" }, "gsc": { "field": "?" } }, { "mst": { "field": "statementLanguagePreference", "value": "Spanish" }, "gsc": { "field": "Account/Language", "value": "S" }, "gscvalue": "Spanish" },
1 回答
慕的地6264312
TA貢獻(xiàn)1817條經(jīng)驗 獲得超6個贊
似乎你只需要嵌套你的ngIf：
<ng-container matColumnDef="gsc Fields">
<th mat-header-cell *matHeaderCellDef> gsc Fields </th>
<td mat-cell *matCellDef="let row">
<ng-container *ngIf="row.gsc?.field; else fieldArray">
{{row.gsc.field}}
</ng-container>
<ng-template #fieldArray>
<div class="sub-cell" *ngFor="let field of row.gscs"> <!-- need the appropriate css -->
{{field.field}} {{field.value}}
</div>
</ng-template>
</td>
</ng-container>
在你的價值欄中你想要更多類似的：
<ng-container matColumnDef="gsc">
<th mat-header-cell *matHeaderCellDef> gsc value </th>
<td mat-cell *matCellDef="let row"> {{row.gsc?.value || row.gscvalue}} </td>
</ng-container>
不確定這是 100% 但應(yīng)該很接近
- 1 回答
- 0 關(guān)注
- 162 瀏覽
添加回答
舉報
0/150
提交
取消