angular - 来自可观察的数据始终是未定义的

Question

我有一个返回对象数组的可观察值的服务

allFruits: Fruit[] = [
    {
      id: "1",
      name: "fruit 1"
    },
    {
      id: "2",
      name: "fruit 2"
    },
    {
      id: "3",
      name: "fruit 3"
    },
    {
      id: "4",
      name: "fruit 4"
    }
  ];

function getFruits {
 return of(allFruits);
}

组件

allFruits: Observable<Fruit[]>;
constructor(
    private fruitService: FruitService
  ) {
    this.fruitService
       .getFruits()
       .pipe(first())
       .subscribe(() => {
        results => this.allFruits == results;
      });

this.allFruits 始终未定义，并且其中没有任何值。如果我执行 console.log(results) 我确实得到了值

Answer 1

我假设您希望 allFruits 是一个数组而不是一个 Observable。那是对的吗？我还稍微更改了 subscribe lambda 函数。

allFruits: Fruit[];
constructor(
    private fruitService: FruitService
  ) {
    this.fruitService
       .getFruits()
       .pipe(first())
       .subscribe(results => {
        this.allFruits == results;
      });

如果您打算将此服务与 async 管道结合使用，您可以执行如下操作:

allFruits: Observable<Fruit[]>;
constructor(
    private fruitService: FruitService
  ) {
    this.allFruits = this.fruitService
       .getFruits()
       .pipe(first());

然后，您可以将 allFruits 与模板中的异步管道一起使用。