小编len*_*rtr的帖子

我想迭代对象中的键值对并每行显示两个项目。我查看了其他示例，例如这个示例，但我不知道如何向其添加键值。

这是我的代码：

<div *ngFor="let item of book.bookData.privateData | keyvalue; index as i; let even = even">
    <div fxFlex="100" fxLayout="row" *ngIf="even">
        <div fxFlex="50" fxLayout="column">
            Key: <b>{{book.bookData.privateData[i].key}}</b> and Value: <b>{{book.bookData.privateData[i].value}}</b>
        </div>
        <div fxFlex="50" fxLayout="column">
            Key: <b>{{book.bookData.privateData[i+1].key}}</b> and Value: <b>{{book.bookData.privateData[i+1].value}}</b>
        </div>
    </div>
</div>

这不起作用，因为对象上没有key和value属性privateData，属性被分配给item。

预先感谢您的任何帮助！

编辑：

以下是我想要实现的目标的一个工作示例，但这显然不是一种有效的方法：

<div *ngFor="let item of bookState.bookData.privateData | keyvalue; index as i; let even = even">
    <div fxFlex="100" fxLayout="row" *ngIf="even">
        <div fxFlex="50">
            <div *ngFor="let deeperItem1 of bookState.bookData.privateData | …