Angular2如何使用一個組件功能在另一個組件

Question

這裏我有2個分量像CacadingComponent而LoginComponent我想消費在LoginComponent

CacadingComponent功能

CacadingComponent

export class CascadingComponent { 
    CountryList: Country[]; 
    constructor(private _CacadeService: CascadindService) {  
    } 
    GetCountry() { 
     return this._CacadeService.GetCountryList().subscribe((data) => this.CountryList = data); 
    } 

LoginComponent.ts

這裏我想調用GetCountry（）函數在我的LoginComponent中

export class LoginComponent{ 
//Here How can I call 
} 

Answer 1

export class LoginComponent implements OnInit{ 
    @ViewChild(CascadingComponent) cascadingComponent: CascadingComponent ; 
    ngOnInit(){ 
    this.cascading.GetCountry();} 
} 

Answer 2

您可以通過CascadingComponent類的對象訪問方法，如下圖所示：

export class LoginComponent implements OnInit{ 

     cascadingComponent = new CascadingComponent(); 

     ngOnInit(){ 
     this.cascadingComponent.GetCountry(); 
     } 
}