HTML (Ionic2, Angular2, TypeScript, PHP, JSON)에 HTTP JSON 응답을 가져 오는 방법은 무엇입니까?

Question

나는 현재 내 첫 이온 2 응용 프로그램 작업입니다,하지만 난 아주 많이 타이프 라이터로 아직입니다 ..

내 생성자에서 인증합니다() 메소드를 호출 할 및 이후에

1. GET 텍스트 영역 및/또는 내 HTML에서 JSON 응답의
2. 액세스 사용자 이름과 암호 값으로 전체 JSON 응답

타이프 :

export class WelcomePage { 
    public data: string; 
    username: string; 
    password: string; 

    constructor(public navCtrl: NavController, public http: Http) { 
     this.authenticate(); 
    }  

    authenticate() { 
      var creds = { username: 'user1', password: 'pw1' }; 

      var headers = new Headers(); 
      headers.append('Content-Type', 'application/x-www-form-urlencoded'); 

      this.http.post('http://www.xyz.api.php', creds, { 
       headers: headers 
      }) 
       .map(res => res.json()) 

       .subscribe(
       data => this.data, 
       err => this.logError(err), 
       () => console.log('Completed') 
       ); 
     } 
} 

응답 이미 API에서 가져온 :

{ "Person":[ {"Username":"user1","Password":"pw1"} ] } 

HTML :

<textarea>here: {{data}}</textarea> 

-> 텍스트 영역이 비어

Answer 1

당신은 내부 객체를 추출 할 것 내부에있는 배열 Person :

,745,

또한, 당신과 같이 this.data에 데이터를 할당해야합니다. (여기 safe navigation operator?와 함께)

이

.subscribe(
    data => this.data = data // here! 
    .... 

그런 다음 사용

{{data?.Username}} 및 {{data?.Password}}