보기에서 비동기 데이터가있는 구성 요소의 Aurelia 구성 요소

Question

구성 요소가 있고 해당 구성 요소에 하위 구성 요소가있는보기가 있습니다. 뷰는 서버에서 데이터를 가져옵니다. 첫 번째 구성 요소는 일부 사용자 지정 특성에 대해 양방향 바인딩을 구현하고 하위 구성 요소는 부모가 조작 한 데이터를 사용하여 비슷합니다. 어쨌든, 앱이 시작되면 뷰 컴포넌트는 가져온 바운드 데이터를 나타낼 수 있습니다. 구성 요소의 구성 요소가 실패합니다. 바인딩을 업데이트하거나, 어떤 이벤트를 확인하거나, 뷰가 attach() 전에 데이터를 수신 할 때까지 기다려야한다고 생각합니다. 나는 후자가 가장 잘 보일지 확신하지 못한다. 왜냐하면 구성 요소와 하위 구성 요소가 가져 오는 동안 전체보기를 차단하는 것과 비교하여 무언가가 일어나고 있음을 보여주기 위해 스타일을 지정할 수 있기 때문이다. 나는 이것을 발견했다, http://blog.williamhayes.org/2016/03/aurelia-custom-element-async-life-cycle.html; 그러나 가져 오기가 실패합니다.

보기에서 하위 구성 요소에 결과를 제공하는 비동기 데이터가 포함 된 구성 요소를 뷰에 제공하려면 어떻게해야합니까?

Answer 1

에서 가져 오기가 실패 왜 내가 기억 할 수 없습니다; 그러나 CompositionTransaction 기술이이 문제를 해결했음을 주목하고 싶습니다. 바인딩 가능한 데코레이터와 changeHandlers의 사용법과 결합하면 이상적인 솔루션을 제공합니다. http://blog.williamhayes.org/2016/03/aurelia-custom-element-async-life-cycle.html

Answer 2

나는 activate() 후크를 찾고 있다고 생각합니다. Promise을 반환 할 수 있으며 뷰는 데이터를 기다립니다. 예를 들어 :

activate() { 
    return this.service.getSomeData() 
     .then(data => { 
     this.propertyThatIsBoundToChildComponent = data; 
     }); 
} 

더 많은 정보 http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/7