如何在 Angular ES6 观察器函数中使用多个语句?

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

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

Answer 2

只需删除next:并error:

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