Question

您好我正在尝试绑定来自firebase的数据。而且我没有收到错误，但数据没有显示。在检查元素我得到了

<!--bindings={
  "ng-reflect-ng-for-of": null
}-->

我的 app.component.html 是

<ul>
    <li *ngFor="let item of items | async">
        {{item.title}}
    </li>
</ul>

和我的 app.component.ts 是

import { Component } from "@angular/core";
import { AngularFirestore } from "angularfire2/firestore";
import { Observable } from "rxjs/Observable";
import { AngularFire, FirebaseListObservable } from "angularfire2";


@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  title = "app";

  constructor(db: AngularFirestore) {}
}

如果需要app.module.ts我可以添加它。所以问题是如何摆脱那种反射的东西并显示我的数据。谢谢

Answer 1

ng-reflect-ng-for-of评论是Angular的绑定信息。即使在生产中，这些评论仍然存在，尽管它们可能在那里是空的。

您是否在帖子中排除了app.component.ts的代码？

您的问题可能是由于组件中未设置items属性造成的。由于您使用的是async管道，因此您暗示您希望items成为可观察对象。尝试按如下方式设置items属性：

@Component({
    selector: "app-root",
    templateUrl: "./app.component.html",
    styleUrls: ["./app.component.css"]
})
export class AppComponent {
    title = "app";
    items: Observable<{title: string}>;

    constructor(db: AngularFirestore) {
        this.items = db.collection<{title: string}>('items').valueChanges();
    }
}

更多信息可在Angular Firestore documentation。

中找到

数据未显示。 NG-反映-NG换客：空？

1 个答案: