将API数据保存到Angular 2中的模型变量的最佳方法

时间:2018-07-28 10:07:54

标签: angular typescript

我有一个这样的模型

devServer

并将组件中的变量初始化为

module.exports = {

 ...

 devServer: {
    contentBase: path.join(__dirname, 'dist'),
    compress: true,
    port: 3000,
    open: true,
    historyApiFallback: true,
    stats: 'minimal'
  }

 ...

}

当我调用和API来获取用户详细信息并将其保存到变量的响应中时

class UserModel {
    constructor(
        public title: String = '',
        public name: String = '',
        public type: String = '',
        public isActive: Boolean = false
    ) { }
}

如果响应具有我在模型中指定的属性以外的其他属性,例如

userDetails: UserModel = new UserModel();

它也被保存到变量中。它是否正确?保存变量时,除了循环遍历对象键并保存以外,是否有一些简便的方法可以过滤掉不需要的数据?

1 个答案:

答案 0 :(得分:0)

如果您想为对象分配特定的字段,就可以做到

this.http.get(userDetailURL).map(response => response.json())
.subscribe(success => {
    this.userDetails.title = success.title;
    this.userDetails.name= success.name;
    this.userDetails.type= success.type;
    this.userDetails.type= success.type;
});