Как я могу использовать несколько операторов в функции 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

То, как вы его используете, должно работать. Вот стек, который я создал для проверки .. 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
          });