将新对象添加到数组角度

Question

我正在尝试在API调用后将JSON对象放入数组中。

首先，我进行了 API 调用，然后尝试将每个用户添加到格式化的 JSON 对象中。

connectionProvider.ts

import { UserModelProvider } from './../user-model/user-model';
import { MSAdal, AuthenticationContext, AuthenticationResult } from '@ionic-native/ms-adal';
export class MsConnectionProvider {
userInfo : UserModelProvider;
users: UserModelProvider[];
constructor(...) {}
getUserInfo(){
let header = new Headers({
Authorization: this.accessToken;
});
let options = new RequestOptions({headers: header});
this.usersSubscription = this.http.get("https://graph.microsoft.com/v1.0/groups/**ID**/members", options).map(res => res.json()['value']);
this.usersSubscription.subscribe(res => {
for (let user of res){
this.addUserInfo(user.displayName, user.jobTitle, "something", user.mail);
}
});
}
addUserInfo(name, job, departement, mail){
this.userInfo = new UserModelProvider;
this.userInfo.name = name;
this.userInfo.job = job;
this.userInfo.departement = departement;
this.userInfo.mail = mail;
this.users.push(this.userInfo);
}
}

userModelProvider.ts

export class UserModelProvider {
name: string;
job: string;
departement: string;
mail: string;
photo: any;
}

问题是当我尝试将"this.userInfo = new UserModelProvider"推送到this.users数组功能块中时，没有任何反应。

我当然不懂这门课，你能帮我吗？

谢谢。

Answer 1

不能推送到尚未初始化的数组。

您需要更改：

users: UserModelProvider[]

自：

users: UserModelProvider[] = [];

另外(可能会或可能不会帮助(：

可能什么都没有发生，因为推送会改变阵列，因此角度变化检测可能不会启动。

不要使用 push，而是创建一个新数组：

this.users = [...this.users, this.userInfo]

或在 ES5 中：

this.users = this.users.concat([this.userInfo])

Answer 2

在赋值之前创建类的实例，

this.userInfo = new UserModelProvider();