如何将 HTTP JSON 响应转换为 HTML（Ionic2、Angular2、TypeScript、PHP、JSON）？

我目前正在开发我的第一个 Ionic 2 应用程序，但我还不是很喜欢打字稿..

我想在我的构造函数中调用 authenticate() 方法，然后调用

1. 将整个 JSON 响应放入 textarea 和/或
2. 在我的 HTML 中访问 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>

--> 文本区域为空