添加键和值在Angular中的现有对象动态

Question

我想添加一个值到Angular中的现有对象，我从服务调用中获取对象，并在将其保存到本地存储之前，我想保存时间戳。

我使用Object.assign为同一

的问题是，用户类型化与接口，如果我的任何属性添加到它说，该属性没有在接口中定义和接口类不被写入由我的Firebase用户信息。我不想编辑该界面或添加到它。我想动态地创建一个新的属性。

像Java中的反射一样，并在Javascript中添加动态值对象。

这就是我提前已经尝试

this.afAuth.authState.subscribe((data) => { 
    console.log("Here"); 
    if (data) { 
    const value = Object.assign(data,{TimeStamp : new Date().getTime()}); // this assign is not working even having obj in variable dosent help 
    console.log("Value"+JSON.stringify(value)); 
    localStorage.setItem("user", JSON.stringify(value)); 
    this.user = data; 
    this.service.fetchData(this.user.uid).subscribe((res) => { 
     this.comments = res; 
    }); 
    } else { 
    this.comments = null; 
    } 
}); 

任何帮助感谢

Answer 1

使用赋值为下面提到data.TimeStamp = new Date().getTime()才是正道。

this.afAuth.authState.subscribe((data) => { 
    console.log("Here"); 
    if (data) { 
    data.TimeStamp = new Date().getTime() // this assign is not working even having obj in variable dosent help 
    console.log("Value"+JSON.stringify(data)); 
    localStorage.setItem("user", JSON.stringify(data)); 
    this.user = data; 
    this.service.fetchData(this.user.uid).subscribe((res) => { 
     this.comments = res; 
    }); 
    } else { 
    this.comments = null; 
    } 
}); 

Answer 2

可以扩展火力地堡的用户界面，并添加时间戳，然后用你的扩展接口，取代默认的一个。

interface MyUser extends User { 
    timeStamp: any; 
} 

然后你可以时间戳添加到数据对象是这样的：

data.timestamp = {TimeStamp : new Date().getTime()} 
console.log("data",data); 

你并不需要使用Object.assign，你可以再补充一个值，一键直接在目的。

如果您将值作为字符串携带，使其成为字符串，但任何位置都是安全的起点，则您需要为接口中的timeStamp指定正确的类型。

请确保将您的本地用户变量输入到扩展接口。

public user: MyUser; 

this.afAuth.authState.subscribe((data) => { 
    console.log("Here"); 
    if (data) { 
    data.timestamp = {TimeStamp : new Date().getTime()} 
    console.log("data: "+JSON.stringify(data)); 
    localStorage.setItem("user", JSON.stringify(data)); 
    this.user = data; 
    this.service.fetchData(this.user.uid).subscribe((res) => { 
     this.comments = res; 
    }); 
    } else { 
    this.comments = null; 
    } 
});