Прочитать ключи и значения из Observable в шаблоне Angular? - PullRequest
Новая
       108

Прочитать ключи и значения из Observable в шаблоне Angular?

0 голосов
/ 05 мая 2020

Я пытался показать все ключи и все значения из Observable, возвращаемого Angular Firebase Fire Store Collection.

Вот как я подключаюсь к коллекции и возвращаю Observable. Я вызову эту функцию позже. 

verOrden : any;

blunt() {

this.afStore.collection(`Something`).valueChanges().subscribe(res => (this.verOrden = res));  

}

Я могу точно прочитать каждое значение, если указать ключ в шаблоне: 

<ion-card *ngFor = "let item of verOrden">

        <ion-card-content>

            {{item.descripcion}}

        </ion-card-content>

    </ion-card>

Где описание - это ключ внутри наблюдаемого.

Но я хочу прочитать все значения и ключи внутри наблюдаемого, не сообщая каждое из них.

Я пробовал это, но не работает. 

<ion-card *ngFor = "let item of verOrden | keyvalue">

        <ion-card-content>

            {{item.descripcion.key}}

        </ion-card-content>

    </ion-card>

Я хочу, чтобы были показаны ключ и значение.

1 Ответ

0 голосов
/ 05 мая 2020

keyvalue возвращает массив объектов, которые имеют key и value для ключей . Итак, ваш item в l oop имеет форму { key: ___, value: ___ }. Но вы пытаетесь получить доступ к .description.

Вы можете быстро проверить структуру , используя json pipe : 

<ion-card *ngFor = "let item of verOrden | keyvalue">
    <ion-card-content>
        {{ item | json }}
    </ion-card-content>
</ion-card>

What you want вероятно это: 

<ion-card *ngFor = "let item of verOrden | keyvalue">
    <ion-card-content>
        {{ item.key.descripcion }}
    </ion-card-content>
</ion-card>
...