angular2 rxjs Observable - 提供的参数不符合调用目标的签名

Question

我按照 Angular 代码示例创建了以下组件，用于构建新的可观察对象 (https://angular.io/guide/observables#creating-observables)。

我在尝试创建新 Observable 的那一行遇到错误，正如我在下面的代码示例中指出的那样。错误是'supplied parameters do not meet signature of call target'

我错过了什么？

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';

@Component({
  selector: 'app-constructed-observable',
  templateUrl: './constructed-observable.component.html',
  styleUrls: ['./constructed-observable.component.css']
})
export class ConstructedObservableComponent implements OnInit {

  constructor() { }

  // error on Observable below 'supplied parameters do not meet signature of call target'
  const sequence = new Observable(sequenceSubscriber);

  function sequenceSubscriber(observer) {
    observer.next(1);
    observer.next(2);
    observer.next(3);
    observer.complete();

    return {unsubscribe() {}};
  }

  ngOnInit() {

    this.sequence.subscribe({
      next(num) { console.log(num); },
      complete() { console.log('completed'); }
    });

  }

}

Answer 1

sequence 用于 ngOnInit 但未定义为 class 属性.

修复。 component.ts:

 sequence: Observable<number>;

  constructor() {
    // error on Observable below 'supplied parameters do not meet signature of call target'
    this.sequence = new Observable(sequenceSubscriber);

    function sequenceSubscriber(observer) {
      observer.next(1);
      observer.next(2);
      observer.next(3);
      observer.complete();

      return { unsubscribe() { } };
    }
  }

StackBlitz Demo

angular2 rxjs Observable - 提供的参数不符合调用目标的签名

angular2 rxjs Observable - supplied parameters do not meet signature of call target

javascript

observable

rxjs

angular2-observables

angular