显示单个行的多行详细信息

问题描述

我需要实现与此类似的功能,但是事情是在我的数据中,同一个人可以有多个地址,我想在多行中显示它们。我在实现此目标方面遇到了麻烦,因为我还不太熟悉。任何帮助将不胜感激。

https://swimlane.github.io/ngx-datatable/#row-details

这是我的数据的样子

[
    {
        "id": "5f451a65be59011529dc7ec5","name": "Test","description": "Test Description","pendingChanges": [
            {
                "id": "5f451a65be59011529dc7ec6","name": "Test1","description": "Test Description 1",},{
                "id": "5f451a65be59011529dc7ec7","name": "Test2","description": "Test Description 2",}
        ]
    }
]

这是HTML代码

<ngx-datatable-row-detail [rowHeight]="'100%'" #rulesDetailRow (toggle)="onDetailToggle($event)">
    <ng-template let-row="row" let-expanded="expanded" ngx-datatable-row-detail-template>
        <div style="padding-left:35px;">
             <div><strong>Rule</strong></div>
             <div>{{ row.id }}</div>
        </div>
     </ng-template>
 </ngx-datatable-row-detail>

现在,当我访问row.idrow.name时,将显示详细信息。但是当我访问row.pendingChanges.idrow.pendingChanges.name时,UI不显示任何内容,而当我使用row.pendingChanges时,UI显示[object Object],[object Object]

解决方法

final class LocationAnnotation: NSObject,MKAnnotation { let location: AnyLocation init<L: SomeLocation>(location: L) { self.location = AnyLocation(location) super.init() } override var hash: Int { location.hashValue } override func isEqual(_ object: Any?) -> Bool { (object as? LocationAnnotation)?.location == location } } 是一个数组(这是您写[Object],[Object]的原因

row.pendingChanges

所以你可以写

{{row.pendingChanges}} //[object Object],[object Object]

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...