如何使用 bootstrap 4 数据表处理角度 4 中的嵌套数据？答案

【问题标题】：How to Work with nested data in angular 4 with bootstrap 4 data-table?如何使用 bootstrap 4 数据表处理角度 4 中的嵌套数据？
【发布时间】：2017-12-20 07:34:21
【问题描述】：

我正在使用来自 git 项目的数据表：https://github.com/afermon/angular-4-data-table-bootstrap-4-demo。它适用于示例中给出的键值等数据结构。但是我正在为嵌套数据而苦苦挣扎。如果我的数据是嵌套的，我应该在 [property] 值中放入什么。我尝试使用 dot(.) 但没有帮助。
`

<data-table-column [property]="'Suppliers.SupplierName'"
                               [header]="'Supplier'"
                               [sortable]="true"
                               [visible]="true">
            </data-table-column>

`
我的数据结构如下所示：

     "Suppliers": [
            {
                "ResponseNumber": "1234561",
                "SupplierName": "Kirloskar pumps",
                "ContactPerson": "Ram Kumar",
                "Status": "Released",
                "TotalValueQuoted": "0"
}]

【问题讨论】：

标签： angular datatable bootstrap-4

【解决方案1】：

我来不及回答这个问题，但可能会帮助其他人

你可以使用 ng-template

<data-table-column
        [property]="'Email'"
        [header]="'Mapped'"
        [width]="100">
        <ng-template #dataTableCell let-item="item">
        {{item.obj1.value}}
        </ng-template>
    </data-table-column>

这里的 item 是迭代元素，只是获取嵌套值并显示它。

【讨论】：