javascript - 来自 JSON 的元素未在 mat-table 中输出
问题描述
我有一个 JSON:
{
"monthlySusa": [
[
{
"accountlinevaluesId": 1,
"accountlineId": 1,
"mandantKagId": 660,
"mandantAccountsId": 1,
"period": "7",
"accountNumber": 27,
"name": "EDV-Hardware/Software",
"amount": 55.16859,
"note": "Ich bin ein Kommentar!",
"mandantKagAccountEntity": {
"mandantKagId": 660,
"mandantId": 1,
"kagNumber": "2000",
"kagText": "A. I. 1. EDV-Software"
}
}
]
],
"success": true
}
我想在 mat-table 的列中输出金额。我写了以下函数:
public getOutputAmount() {
const monthStr = `${this.month}`;
this.balanceListService.getDataForMonthlyAmount(`${this.year}`, monthStr).subscribe(
(resp: any) => {
const data = resp.monthlySusa;
if (data && data.length > 0) {
const monthlySusaPeriods = resp.monthlySusa[0];
const rows = [];
for (const ac of monthlySusaPeriods) {
const row = ac.amount;
rows.push(row);
console.log('Amount:', ac.amount);
}
this.dataSource.data = rows;
}
});
}
我的 HTML
<table mat-table [dataSource]="dataSource" [hidden]="!isTableHasData">
<div *ngFor="let column of displayedColumns; let i = index">
<ng-container [matColumnDef]="column.attribute" [sticky]="freezeColumn(column.attribute)">
<!-- Table-Header -->
<th mat-header-cell class="toolbar-bg-second" id="table-header-font-second" *matHeaderCellDef>
<div>
{{ column.name }}
</span>
</div>
</th>
<!-- Table-Content -->
<td mat-cell class="table-content-bg-second" id="table-content-font-second" *matCellDef="let row; let i = index;" [ngClass]="{ 'disabled-ranges': column.disabledRanges, 'disabled-assignment': column.disabledAssignment}">
<div>
{{ column.object !== null ? row[column.object][column.attribute] : row[column.attribute] }}
</div>
</td>
</ng-container>
</div>
<!-- Display columns -->
<tr mat-header-row class="optimize-header-row" *matHeaderRowDef="columns; sticky: true"></tr>
<tr mat-row class="optimize-row" *matRowDef="let row; columns: columns;"></tr>
</table>
我现在遇到的问题是我得到控制台输出但不在表格中!你能帮我,告诉我我做错了什么或者我应该在我的代码中改进什么。
解决方案
推荐阅读
- python - 有没有办法检查特定进程是否正在使用 Python 运行?
- python - Visual Studio Code Python 扩展“在终端中运行文件”不起作用
- client - 在我们自己的命名空间中自动生成 NodeID
- python - 我用什么打开 .PY 程序?
- angular - Angular Jasmine 测试:预期的间谍已被调用
- android - 我可以通过 Andriod Studio GUI 添加一个按钮 onClick 处理程序吗?
- django - 当我尝试在我的 models.py 中重命名字段名时出错
- python-3.x - Mac OSX py2app 多处理错误:未知选项 --multiprocessing-fork
- node.js - 如何将 webSocket 客户端 obj 存储在 redis 数据库上
- dialogflow-es - 有没有办法使用 DialogFlow 指定在对话的特定点上哪些意图处于活动状态?