角2 - 從子傳遞（內路由器出口）的數據到父組件

Question

我有包含以下一個父容器：

<div id="pageContainer"> 
     <router-outlet></router-outlet> 
</div> 

<div> 
    <div class="title">{{text}}</div> 
</div> 

我也有我打算使用通過從數據的服務子組件（路由器出口內）到父組件：

import { Observable } from 'rxjs/Observable'; 
import { Injectable } from '@angular/core'; 
import { Subject } from 'rxjs/Subject'; 

@Injectable() 
export class NotificationsService { 


    emitChange(change: any) { 

     return change; 

    } 

} 

的子組件調用服務方法：

this.notificationsService.emitChange('Data from child'); 

個

然後父組件受讓人{{文本}}從服務：

constructor(
     private notificationsService: NotificationsService 
    ) { 
     notificationsService.emitChange(
      text => { 
       console.log(text); 
      }); 
    } 

但是，這仍然無法正常工作，任何想法？

Answer 1

使用，但必須這樣做

import { Injectable } from '@angular/core'; 
import { Subject, BehaviorSubject } from "rxjs/Rx"; 

@Injectable() 
export class NotificationsService { 
    emitChange$: Subject<any> = new BehaviorSubject<any>(null); 
    constructor() { } 
    emit(value: any) { 
    this.emitChange$.next(value); 
    } 
    get emitChange(): BehaviorSubject<any> { 
    return (this.emitChange$ as BehaviorSubject<any>); 
    } 
} 

在你的孩子

this.notificationsService.emit('Data from child'); 

在父母

constructor(
    private notificationsService: NotificationsService 
) { 
    notificationsService.emitChange.subscribe(
     text => { 
      console.log(text); 
     }); 
} 

順便說一句，如果你的孩子組件是直接在父組件使用，你可以使用EventEmitter在它們之間進行通信。