Как получить и отобразить встроенный объект Firestore с помощью Angular? - PullRequest
Новая
       16

Как получить и отобразить встроенный объект Firestore с помощью Angular?

0 голосов
/ 25 сентября 2018

Я хотел бы отобразить модель Firestore, содержащую имя профиля и список описания хэштегов с Angular 6.

Будучи новичком в Firestore, я узнал, что мне следует смоделировать его следующим образом: enterописание изображения здесь 

members {
          id: xyz
                  {
                    name: Jones;
                    hashtag: {
                              global: true,
                              digital: true
                             }
          ...
         }

Теперь я пытаюсь понять, как отображать ключи каждого свойства хэштега в моем списке компонентов.Мой текущий код всегда отображает [объект объекта] как результат.Мой код компонента: 

import { Component } from '@angular/core';
import { AngularFirestore } from 'angularfire2/firestore';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  items$: Observable<any[]>;
  constructor(db: AngularFirestore) {
    this.items$ = db.collection('Members').valueChanges();
    console.log(this.items$);
  }
}

Мой код шаблона: 

<p>names and their interests</p>
<div *ngFor="let item of items$ | async">
  <h4>{{item.name}}</h4>
  <ul>
    <li>{{item.hashtag}}</li>
  </ul>
</div>

Как это исправить?

1 Ответ

0 голосов
/ 25 сентября 2018

Подумайте, что вы ищете (Angular 6.1): 

<li *ngFor="let hashtag of item.hashtag| keyvalue">
  {{hashtag.key}}:{{hashtag.value}}
</li>

Что это будет делать, это получить ключ и значение item.hastag и позволить им использоваться в hastag.

...