据我所知,你的问题只是创建一个新的
Object
属于
User
键入并传递所需的数据,在您的情况下是这样的
id and name
.
private userList: Array<User> = new Array<User>();
onGet(){
console.log('Getting user now.');
this._httpService.getUser().subscribe(
data => this.parseUser(data),
error=>alert(error),
()=>console.log('Finished Get')
);
}
parseUser(data) {
let user = new User(data.id, data.name);
this.userList.push(user);
}
要创建用户列表,只需创建一个
使用者
就像那样
private Users: Array<User> = new Array<User>();
记住导入
使用者
.
编辑。
出于测试目的,更改此
@Component({
selector:'http-test',
template:`
<button (click)="onGet()">Get Data</button><br/>
<div>Output:{{getData}}</div><br/>
<button (click) = "onPost()">Post Data</button><br/>
<div>Output:{{postData}}</div><br/>
<button (click) = "onPromiseGet()">Get Data(w Promise)</button><br/>
<div>Output:{{getPromiseData}}</div><br/>
<div *ngFor="let user of userList">
<p>Id: {{user.id}}</p>
<p>Name: {{user.name}}>/p>
<br />
</div>
`,
providers:[HTTPTestService]
})
当响应到来时
angular
将打印数据:)