RxJSのsubscribe（）内のコンポーネント変数に値を割り当てます。

Question

ソースの値をコンポーネント変数（event: Event）にバインドするために、観測可能なソースを購読しようとしています。

subscribe()関数に渡されたオブザーバ関数が正しく実行され、オブザーバブルが期待通りに到着したにもかかわらず、コンポーネント変数event: Eventは常に未定義です。

なぜこのようなことが起こり、この問題を解決するにはどうすればよいですか？

@Component({ 
    selector: 'event-detail', 
    template: ` 
     <div *ngIf="event"> <-- this will never evaluate to 'true' 
      ... 
     </div> 
    `, 
}) 
export class EventCenterDetailComponent implements OnInit { 
    event: Event; 
    subscription: Subscription; 

    constructor(
     private eventBus: EventBus 
    ) {} 

    ngOnInit() { 
     this.subscription = this.eventBus.event$.subscribe((event: Event) => { 
      this.event = event; <-- this assignment seems to have no effect on the component variable 
     }); 
     console.log(this.event); <-- this is 'undefined' 
    } 

Answer 1

ここでの説明は、サブスクライブのeventが適切にダウンしていないことだけです。あなたはeventはあなたが

...subscribe((event: Event) => { 
    console.log(event); // this will print undefined most likely 
}); 

をブロック購読でそれを印刷しようとした場合、あなたはあなたが `にconsole.log（ '何かを配置する場合と言っているあなたのEventBusサービス