Наблюдаемый в интерфейсе пользователя с использованием асинхронного

Question

У меня есть код ниже

 this.dlist$ = this.dbCollectionService.datalists .snapshotChanges().map(
      items => {
        return items.map(a => {
          const id = a.payload.doc.id;
          const data = a.payload.doc.data();
          return { id,...data}
        })
      }
    );

База данных - это хранилище данных пожарного хранилища

это правильно дает данные, я проверяю через консоль.

Нижеявляется частью пользовательского интерфейса

 <div >
              <p>Or choose from an existing one</p>
              <ul class="list">
                <li *ngFor="let item of dlist | async;  let i=index">
                      <span>item.name</span>
                </li>

              </ul>
            </div>

**

список не является обязательным.

UPdate

Я обнаружил, что проблема была$ отсутствует в конце

Пожалуйста, помогите

Answer 1

Вам не хватает фигурных скобок, а труба async не asyc.

Answer 2

Его async и интерполяция данных не выполняется

<li *ngFor="let item of dlist | async;  let i=index">
   <span>{{ item.name }}</span>
</li>

Answer 3

Вам не хватает {{}}, и ключевое слово должно быть асинхронным.

<li *ngFor="let item of dlist | async;  let i=index">
   <span>{{ item.name }}</span>
</li>