如何在 Angular ES6 Observer 函数中使用多个语句？

Question

原来约定是这样的

    this.productService.getProducts().subscribe({
      next: products => {
        this.products = products
        this.filteredProducts = products
      },
      error: err => this.errorMessage = err

然而，当尝试使用下面的 ES6 快捷方式时，我无法获得处理多个语句的下一个函数。如果我使用一个语句，它就可以正常工作。

    //   next(products) {
    //     this.products = products
    //     this.filteredProducts = products},
    //   error(err) {this.errorMessage = err}

这里可以写多行吗？

Answer 1

只需删除 next: 和 error:

this.productService.getProducts().subscribe(products => {
            this.products = products
            this.filteredProducts = products
          },
          err => {
            this.errorMessage = err
          });

Answer 2

您使用它的方式应该有效。这是我创建的用于验证的堆栈.. https://stackblitz.com/edit/typescript-ug28l2

如何在 Angular ES6 Observer 函数中使用多个语句？

How can I use multiple statements in an Angular ES6 Observer function?

angular

observable

observers