Трубка Keyvalue, используемая для печати вложенных значений

Question

Вот мой стек-блиц https://stackblitz.com/edit/angular-vj4llg

Для печати значений вложенного массива я использую трубу Keyvalue

<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

В настоящее время, по вашему определению, значение key содержит массив строк: ["{...}"], поэтому выходные данные для него не будут отображать то, что вы ожидали;вместо этого он выведет значение индекса 0 в качестве значения «ключа» для первого элемента, а «{...}» - в качестве значения.

Таким образом, чтобы получить то, что вы ожидали, переопределенное значение какниже:

value: {pass: true,verified: true}