이오닉 3 생성자에서 약속 할 fun을 만듭니다.

Question

줄마다 한 줄씩 실행되는 생성자에서 약속 함수를 만들고 결과가 다음 줄로 나갈 때까지 기다릴 수 있습니까? 현재 내 약속 기능이 실행되지 않고 마지막으로 실행됩니다. 위의

constructor(){ 
    console.log("Start"); 
    this.getData(); 
    console.log("End"); 
} 

getData() { 
    return new Promise(data => { 
    this.db.database.ref().child('/category').orderByChild('parent_id'). 
     equalTo(this.idn).once('value').then(function (snapshot) { 
     console.log("Mid") 
     }) 
    }); 
} 

출력 GetData의 기능이, 약속을 반환이를 해결과

constructor(){ 
    console.log("Start"); 
    this.getData().then(function (snapshot) {    
     console.log("End"); 
    }) 
} 

Answer 1

입니다 명확히하기 위해 약속 함수가 마지막으로 실행되지 않습니다. "시작"다음에 시작하고 "끝"전에 예상대로 시작됩니다. 은 마지막으로 완료됩니다.. 이는 디자인 상 "비동기"호출이기 때문입니다. (Async == non-blocking은 프로그램이 끝내기를 기다리지 않는다는 것을 의미합니다.) 예를 들어 다음 문장 인 console.log ("End")로 넘어갑니다.

Ctor의 "getData()"는 좋지 않습니다. ngOnInit()과 같은 Angular lifecycle 메서드를 사용하는 것이 좋습니다.

Answer 2

내부의 콘솔을 넣어 때문에

Start 
End 
Mid 

예상 출력

Start 
Mid 
End 

Answer 3

생성자에서 getData() 메서드를 호출하는 것이 좋지 않습니다. &은 앱 성능에 해를 끼칩니다. 이온 대신에 ionViewDidLoad을 사용하는 것이 좋습니다. 이것은 거의 모든 경우에 필요한 것입니다.

ionViewDidLoad(){ 
    console.log("Start"); 
    this.getData(); 
} 

getData() { 
    return new Promise(data => { 
    this.db.database.ref().child('/category').orderByChild('parent_id'). 
     equalTo(this.idn).once('value').then(function (snapshot) { 
     console.log("Mid"), 
     //put the code you want to execute after Mid here 
     console.log("End"); 

     }) 
    }); 
}