如何使用Bootstrap 4数据表在Angular 4中使用嵌套数据

Question

我正在使用Git项目中的数据表：https：//github.com/afermon/angular-4-data-table-bootstrap-4-demo。它可以与样品中给出的数据结构（如键值）（如键值）效果很好。但是我在嵌套数据上挣扎。如果我的数据嵌套了，我应该在[属性]值中投入什么。我尝试使用dot（。），但没有帮助。

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

<<br/>我的数据结构看起来像这样：

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

Answer 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>

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