Question

我在一个数组中循环，通过循环我得到了键，并希望通过该键从数组中获取对象的值。

<?php echo $_GET['n'] ?>

结果对象是：

<ion-list-header *ngFor="let child of item.value[item.key]; let j = index" no-padding>  
            <h2>
             {{ child['layoutName'] }}
            </h2>

             <h1>{{ result[ child['layoutName']] }}</h1>

      </ion-list-header>

this.result = [{"light1" : true},{"light2" : true},{"light3" : true}]的密钥为ex。 child['layoutName']，light1

Answer 1

按原样，您可以创建一个过滤器管道，该管道将在给定键的情况下返回数组的正确元素。出于性能方面的考虑，过滤器管道通常为discouraged in angular，但是如果您的阵列很小，那就没关系了。

还有另一个选择：您可以将原始数组转换为对象，以便直接使用它。

this.result = { "light1" : true,"light2" : true,"light3" : true}

然后这将起作用

  <h1>{{ result[ child['layoutName']] }}</h1>

Answer 2

使用Object.keys获取对象key

Stackblitz Demo

.ts文件

Object = Object;
result = [{"light1" : true},{"light2" : true},{"light3" : true}];

.html文件

<ion-list-header *ngFor="let child of result; let j = index" no-padding>
    <ng-container *ngFor="let keys of Object.keys(child)">
        <p>Keys - {{keys}}</p>
        <p>value - {{child[keys]}}</p>
    </ng-container>
</ion-list-header>

通过循环获取对象的键并获取对象的值？

2 个答案: