ngOnInit() führt Methos parallel?

Question

In meinem Angular-Projekt nenne ich die Methode ConnectToHueBridge() und listAllGoups() von ngOnInit(). Es scheint mir, dass beide Methoden parallel ausgeführt werden. Aber ich muss zuerst ConnectToHueBridge() und dann listAllGoups() ausführen. Wie kann ich das machen?

var MyHue = new huepi(); 

@Component({ 

selector: 'my-app', 
template: ` 
<h1>Hello {{name}}</h1> 
<div> 
    <ul> 
    <li *ngFor="let group of lightgroups"> 
     {{group}} 
    </li> 
    </ul> 
</div> 
<Button (click)="listAllGroups()"> Get Groups</Button>`, 
}) 

export class AppComponent { 
    name = 'Angular'; 
    lightgroups: string[] = []; 

constructor(){ 
} 

ngOnInit(){ 
    this.ConnectToHueBridge(MyHue); 
    this.listAllGroups(); 
} 

listAllGroups(){ 
    for(var g in MyHue.Groups){ 
    this.lightgroups.push(g); 
    } 
    console.log("done loading groups"); 
} 

ConnectToHueBridge(MyHue:any){ 
//do some stuff 
} 
} 
} 

Wenn ich auf die Schaltfläche klicke, um die Methode auszuführen, funktioniert alles gut. Wie kann ich die Methoden nacheinander ausführen?

Answer 1

Sie müssen sie beobachtbar machen.

ConnectToHueBridge(MyHue:any): Observable<any> { 
    //do some stuff 
    return Observable.of(true); 
} 

Dann in Ihrem ngOnInit tun dies

ngOnInit() { 
    this.ConnectToHueBridge('xxx').subscribe(data => { 
     // data = true, you can change it in your function 
     this.listAllGroups(); 
    }); 
}