아우렐 리아 뷰에서 클래스의 기능의 수익을 얻을

Question

[편집 1 : 내 HTTP 요청 precising]

내 목표는 문자열로 숫자를 변환하고 브라우저에서 사용자에게 표시하는 비동기 호출을하는 것입니다. 나는 전화를 걸기 위해 aurelia-http-client를 사용하고 있습니다. 먼저 값 변환기를 사용해 보았습니다. 그런 다음이 변환기와 비동기 적으로 아무것도 할 수 없다는 것을 읽었습니다. 지금은 클래스와 함수로 시도하고 있지만 작동하지 않습니다. 여기

interface ITrack { 
    position: number; 
    reference: number; 
    realPosition: number 
} 

class Track implements ITrack { 
    position: number; 
    reference: number; 
    realPosition: number; 

    public getTitle() { 
     console.log('Getting title'); 
     return `This track is the ${this.realPosition} of ${this.reference}.`; 

    let client = new HttpClient(); 
    var json_tmp; 
    var realTitle = 'tmp'; 

    client.get('http://localhost:8800/webservice/' + this.reference) 
     .then(data => { 
     console.log('### START DATA'); 
     console.log(data.response); 
     console.log('### END DATA'); 
     var json_tmp = JSON.parse(data.response); 
     realTitle = json_tmp.tracklist[this.realPosition].title; 
     console.log('### RESPONSE: ' + realTitle); 
     }) 
     .then(function(res) { 
     console.log('### we are sending: ' + realTitle); 
     return(reponse); 
     }); 

    } 
} 

내가보기에 넣어 무엇인가 : 여기 내가 (위치 및 해제 기준을 사용하여 트랙의 실제 제목을 제공하는 웹 서비스를 호출, 모델) 내 * .TS 파일에 넣어 것입니다 :

<span class="position">${track.realPosition}</span>/<span class="reference">${track.reference}</span> 
- <span class="content">${track.getTitle()}</span></p> 

는 "인 getTitle()가"나는 콘솔에서 아무것도 트리거되지 않습니다 ...

내가이 잘못 처리하고 있는가에 의해 "realPosition"제대로 "참조"디스플레이,? 미리 감사드립니다.

Answer 1

promise가 필요한 viewmodel 내에 activate 메소드를 작성한 다음 activate() 내부에서 getTitle 메소드를 호출하십시오. 그런 다음 페이지는 제목을로드 한 후에 만로드됩니다. 실행되지 않습니다 그 '복귀'후 기능에

가

return `This track is the ${this.realPosition} of ${this.reference}.`; 

모든 것을 포함 :

let client = new HttpClient(); 

class Track implements ITrack { 
    position: number; 
    reference: number; 
    realPosition: number; 

    public activate(): Promise <void> { 
     return getTitle(); 
    } 

    public getTitle(): Promise <void> { 
     console.log('Getting title'); 
     //here you can call the aurelia http method like this 
     return httpClient.getTitle().then((data) { 
      this.position = data.position; 
      this.reference = data.reference; 

     }); 

    } 
} 

Answer 2

나는이 return 문의 사용은 무엇 확실하지 않다 다른 사람들이 이미 지적했듯이 가장 좋은 해결책은 Aurelia Skeleton 예제에서 제안한 것과 똑같이 activate 메서드에서 async http 호출을 호출하는 것입니다. https://github.com/aurelia/skeleton-navigation/blob/master/skeleton-typescript/src/users.ts

그 후

만 어떤 방법