Angular2 Wie kann ich eine Komponente Funktion in einer anderen Komponente verwenden

Question

Hier habe ich 2 Komponente wie CacadingComponent Und LoginComponent Ich möchte CacadingComponent Funktion Verbrauchen in LoginComponent

CacadingComponent

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

LoginComponent.ts

Hier möchte ich GetCountry() Funktion in meiner LoginComponent

aufrufen

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

Sie können Methode zugreifen, indem Sie ein Objekt der Klasse machen CascadingComponent wie unten dargestellt:

export class LoginComponent implements OnInit{ 

     cascadingComponent = new CascadingComponent(); 

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