使用Object.assign() - angular更新对象属性时遇到问题
Object.assign() 是 JavaScript 中的一个方法，用于将一个或多个源对象的属性复制到目标对象中。它的语法如下：
Object.assign(target, ...sources)其中，target 是目标对象，sources 是一个或多个源对象。该方法会将源对象的可枚举属性复制到目标对象中，并返回目标对象。
在 Angular 中，当使用 Object.assign() 更新对象属性时，可能会遇到一些问题。其中一个常见的问题是，Object.assign() 只会进行浅拷贝，即只会复制对象的引用，而不会复制对象的值。这意味着如果源对象的属性是一个对象或数组，那么目标对象中的对应属性也会指向同一个对象或数组。
为了解决这个问题，可以使用深拷贝来替代 Object.assign()。深拷贝会递归地复制对象的值，而不仅仅是复制引用。可以使用一些第三方库，如 lodash 的 cloneDeep() 方法，或者使用 JSON.parse(JSON.stringify()) 来实现深拷贝。
另外，关于 Angular 更新对象属性的推荐做法是使用 Angular 提供的变更检测机制。Angular 会自动检测对象属性的变化，并更新视图。可以使用 Angular 的双向数据绑定、表单控件、ngModel 等特性来实现属性的更新。
腾讯云提供了丰富的云计算产品和服务，其中与对象存储相关的产品是腾讯云 COS（对象存储）。COS 是一种高可用、高可靠、低成本的云端存储服务，适用于存储和处理各种非结构化数据，如图片、音视频、文档等。您可以通过以下链接了解更多关于腾讯云 COS 的信息：
腾讯云 COS 产品介绍：https://cloud.tencent.com/product/cos
相关·内容
999-999-99999"}} 代码片段： output = [] // goes to myfile let row = Object.assign]) { Object.assignphone
xyz | TX,MD |
浏览 19提问于2020-10-14得票数 0
2回答
我在类型为Person的子组件中有一个@Input属性，并且通过属性从父组件传递对象我探讨了下面的问题，我得到了答案中他们告诉我的内容，但是我尝试了基于答案的Object.assign如何通过@Input传递对象，以及当对象到达子组件并需要在视图中更新时，如何进行操作？样本代码：import { Component } from '@angular/co
浏览 2提问于2019-04-03得票数 3
回答已采纳
它使用AngularJS "<“绑定来绑定到record.viewModel.dataRange。但是，对于更新现有记录来说，这要复杂得多，因为要更新的记录是异步获取的。我不能简单地将获取的dateRange赋值给record.viewModel.dateRange，因为这会更改变量的对象
浏览 0提问于2019-05-09得票数 1
1回答
我正在尝试复制对象，并在我的Angular应用程序中使用扩展运算符添加一个新属性。为了添加新的属性，我想调用一个方法的addNewProperty(Name)来返回这个属性和它的值。当我试图使用扩展操作符调用这个方法时，我得到了关于意外令牌的错误。file.name)}));
return {
浏览 10提问于2020-01-16得票数 1
回答已采纳
朋友们，我有一个用Angular ReactiveForms构建的大型表单，包括嵌套数组和它自己的嵌套数组。ngOnInit()中，我从API获取数据：下一步，我修补表单：然后在提交调用时我正在连接的API需要发布完整的对象因此我可能不会使用<code>D3</code>，但我必须发送完整的对象</
浏览 11提问于2020-03-14得票数 1
我的对象数组包含不同类型的对象，这意味着它们可能具有非常不同的属性。然而，它们都共享一个id属性。当我的应用程序的用户想要更新其中一个对象时，我需要基于id在数组中找到该对象，并更新它的所有属性，可能是使用Object.assign()。我知道如何基于id查找和返回我想要的对象，但也不知道如何更新它。有什么想法吗？teacher'
浏览 4提问于2019-12-22得票数 2
回答已采纳
我正在订阅组件构造函数中的store属性 someService.someObservable.subscribeprivate store: Store<any>){}
我一直在改变这个对象的状态同样奇怪的是，我直接在我的模板中访问this.some
浏览 0提问于2016-06-03得票数 13
我想通过这些代码循环并为每个代码创建一个新的对象。var saveObj = {};angular.forEach(self.DrugNamesSelected, function(value,
浏览 1提问于2017-03-14得票数 4
回答已采纳
function massUpdate() {
console.log(vm.dataUpdate.length
浏览 4提问于2017-11-20得票数 0
回答已采纳
1回答
Bar'我希望更新foo使其与bar相同(仅包含相同的属性和值，而不包含更多的属性和值)，但现在我需要所有的引用来了解这些新值。可能的解决方案 // Extend original objec
浏览 0提问于2017-09-22得票数 0
回答已采纳
3回答
嗨，我在Angular 5中开发web应用程序。我有一个数组，我想根据另一个数组的值更新相同的数组。例如，我的createarray如下所示。我有另一个对象，如下所示。因此，对于createarray中的infomodel，我希望更新checked属性。 copyCreate.checked = true;
constc
浏览 2提问于2018-09-14得票数 0
回答已采纳
上下文
有几个比较Object.assign和对象传播的讨论，但是似乎没有一个能解决这种奇怪的行
浏览 4提问于2021-02-08得票数 3
回答已采纳
1回答
在使用redux的工具包更新切片的缩减程序中的状态时，我遇到了循环引用的问题，例如：...
extraReducers: builder =>
浏览 11提问于2020-05-19得票数 2
回答已采纳
我在使用devise_token_auth恢复密码时遇到问题。和Angular2-Token。我成功地收到了包含更新密码链接的电子邮件。但我在提交新密码时收到401未经授权的响应。 let token = this.urlParams.get('token');
var obj = Obj
浏览 4提问于2016-12-02得票数 1
我希望为对象创建一个方法，以便只更新传递的属性。yellow' this.key = 0
this.key++}
如果我做了Car.update({color:'red'})，我想更新对象，但不覆盖品牌。我想使用类似Ob
浏览 0提问于2018-11-11得票数 0
回答已采纳
2回答
当我试图通过分派更新一个对象的属性时，我不能直接看到更新... state.disable = action.payload;tempState.disable = action.payload;
return tempState; 这个运行得很好，之后DOM direclty会进行<e
浏览 28提问于2020-11-02得票数 1
1回答
console.log(error); },};
client变量在data()定义中被设置为'8.8.8.8‘，但是当我稍后尝试用pl.client = "9.9.9.9"更新变量时
浏览 3提问于2020-11-21得票数 1
回答已采纳
我通过服务共享组件的对象数组。因此，在一分钟内，我想用新对象的属性替换数组对象的一个属性(我替换了对象)。因此，我的共享对象应该在使用它的所有模板中更新。}, 3000);}我想知道为什么//2不更新a
浏览 1提问于2017-01-18得票数 4
1回答
我想要更新每个事件的一些属性，有多个事件，如点击，导航到特定的路线，采取打印和更多。我可以使用Object.assign(targetObject, keys)来做到这一点。目前，我使用的是Assign方法，添加一个示例对象： const reportingObject = { key2: 'value2', .key30: 'value30',
} 例如，在单击事件<
浏览 10提问于2021-07-28得票数 0
回答已采纳
为什么下面的代码段返回{ a: 3, b: undefined }而不是{ a: 3, b: 2 }console.log(Object.assign({ a: 1, b: 2 }, { a: 3, b: undefined }));问到一个函数可以提供后一个输出而不是前者，但是我的问题是为什么Object.assign()是这样设计的呢？更新(来自apsiller答复的注释)：
{ a: 1 }说：“我没有财产名为'b'"，{ a: 1, b: undefined }说”我有一个属性</e
浏览 1提问于2019-02-26得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
