コンポーネントメソッドから観測可能作成し、それを次のようになり、イベントハンドラ

Question

私が部品を持っている、と呼ばれています。

クリック、ブラーなどの "ネイティブ" DOMイベントのハンドラーであれば、私はObservable.fromEventを使用しましたが、この場合はこれは適用できないようです関係するネイティブイベントはありません）。頭に浮かぶ

唯一のことは、このようなものです：

@Component({ 
    template: ` 
    ... 
    <child-component (childEvent)="onChildEvent()"></child-component> 
` 
}) 
export class ParentComponent implements OnInit, OnDestroy { 
    private childEventStream: Observable<void>; 

    // I am not sure, what is the type of this, 
    // seems like an internal RxJS thing 
    private observer: any; 

    onChildEvent() { 
     this.observer.next(); 
    } 

    ngOnInit() { 
     this.childFinishedStream = Observable.create(
      observer => this.observer = observer; 
     ); 
    } 

    ngOnDestroy() { 
     this.observer.completed(); 
    } 
} 

関与する複数のハンドラがある場合、維持するのは非常に面倒なことがあるので、もっと良い方法がなければならないことを、と思われます。

Answer 1

EventEmitterは欲しいのですか？

これらは、次のように作成されます。Outputを使用して

@Component({ 
    template: ` 
     <child-component (finished)="onChildFinished($event)"></child-component> 
    ` 
}) 
export class ParentComponent { 

    onChildFinished(data: number) { 
     //... 
    } 
} 

と子コンポーネント。

@Component({ 
    selector: 'child-component', 
    template : `hi` 
}) 
export class ChildComponent { 

    @Output() 
    public finished: EventEmitter<number> = new EventEmitter<number>(); 

    private _imFinishing(): void { 
     finished.emit(1); 
    } 
} 

あなたの質問を正しく理解していないかもしれませんが、これはあなたが望むものと思われます。