Question

这是我的https://stackblitz.com/edit/angular-vj4llg

要打印嵌套数组值，我正在使用键值管道

<p>Use keyvalue pipe</p>
<ul *ngFor="let stdObj of student">
    <li>ID : {{stdObj.id}} Name : {{stdObj.name}}
        <ng-container *ngFor="let test of stdObj?.value | keyvalue">
            {{test.key}} : {{test.value}}
        </ng-container>
    </li>
</ul>

在打字稿中

 this.student = [
      {
        id:123,
        name: "Test",
        value:["{pass: true,verified: true}"]
      }, 
      {
        id:435,
        name:"Test12",
        value:["{pass: false, verified: true}"]
      }
    ]

期望输出为

ID : 123 Name : Test pass : true verified : true

Answer 1

当前，根据您的定义，值键包含一个字符串数组：[“ {...}”]，因此其输出将不会显示您的期望；相反，它将输出索引值0作为第一项的“键”值，而将“ {...}”作为其值。

因此，为了获得期望的结果，请重新定义以下值：

value: {pass: true,verified: true}

键值管道用于打印嵌套值

1 个答案: