typescript의 함수 안에 값을 할당하십시오.

Question

코드 조각이 있는데 작동하지 않습니다. 왜 그 코드를 관리 할 수 ​​없었습니다. 도와주세요.

@Injectable() 
export class PersonService { 
    private person: Person = new Person(); 
    ... 
    getPerson(name: string): void { 
     const url = `${this.personsUrl}/getByName/${name}`; 
     this.http.get<Person>(url).toPromise().then(r => { 
      console.log(r); // {id: 1, name: "PersonName"} 
      console.log(r.name); // PersonName 
      console.log(r.id); // 1 
      this.person.id = r.id; 
      this.person.name = r.name; 
     }); 
     console.log(this.person) // Person {} <--- why? 
    } 
} 

나는 그것을 돌려, then() 기능 내부 Person 객체를 생성 등 Promise 문서의 복사본을 만드는 시도를 반환하려고 노력하지만, 여전히 어떤 이유로 작동하지 않습니다.

Answer 1

클래식 비동기 대 동기화 문제 - 업데이트가 발생하기 전에 결과를 로깅합니다. 다른 사람 then을 추가하고 로그 아웃 한 사람을 시도해보십시오. 또는 노드의 최신 버전을 사용한다고 가정 할 때 async/await을 사용하십시오.

async getPerson(name: string): void { 
    ... 
    const result = await this.http.get<Person>(url).toPromise(); 
    // update this.person 
}