使用路由器插座的angular2组件通信

Question

以下解决方案不适用于angular router.when当我调用方法时，它正在成功调用服务方法，但父节点egEmployer组件somethingChangedHandler（）未得到执行。

@Component({ 
    selector: 'w2', 
    templateUrl: '../../html/views/w2old.html', 
    providers:[ListReloadService] 
    }) 

    export class W2Component implements OnInit { 

     constructor(private _httpService:HttpService, 
    private _router : Router, 
    private _activatedRoute :ActivatedRoute, 
    private _listReloadService:ListReloadService){ 

    } 

    submitW2() 
     { 
     this._listReloadService.emitEvent(false); 
     //calling parent somethingChangedHandler() 
    } 

    } 

    **MySevice** 

    @Injectable() 
    export class ListReloadService { 
    @Output() 
    public somethingChanged: EventEmitter<boolean>; 

    constructor(private _http: Http){ 
     this.somethingChanged = new EventEmitter(); 
    } 

    public emitEvent(val: boolean){ 
     console.log("hello"); 
     this.somethingChanged.emit(val); 
    } 
    } 

    **parent component** 

    @Component({ 
     selector: 'employerhome', 
     templateUrl: '../../html/views/employerhome.html', 
     providers:[ListReloadService] 
     }) 

    export class EmployerHomeComponent 
     { 
     constructor(private httpService:HttpService, private  listReloadService : ListReloadService){ 

     this.listReloadService.somethingChanged 
     .subscribe(data=>this.somethingChangedHandler(data)); 
    } 

    private somethingChangedHandler(someVal) 
     { 
     console.log("hello hi"); 
     } 
    } 

Answer 1

创建服务，例如：

import {Injectable} from '@angular/core'; 

@Injectable() 
export class HiService { 

    sayHi() { 
     console.log("Hi!") 
    } 

}

注入在你AppComponent：

... 
providers: [HiService] 
... 

用它在你的组件：

constructor(private hi: HiService) { 
    console.log("constructor") 
} 
ngOnInit(): void { 
    this.hi.sayHi() 
}