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

时间:2017-12-20 07:34:22

标签: angular datatable bootstrap-4

我正在使用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"
}]

1 个答案:

答案 0 :(得分:0)

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

您可以使用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>

这里的项目是迭代元素,只需获取嵌套值并显示它。