BehaviorSubject修改数组对象中的一个属性不反映在UI上。
创始人
2024-11-28 02:00:41
0

这个问题可能是由于在操作数组时不正确地使用了immutable的对象。为了解决这个问题,我们可以采用以下方法:

假设有以下的数据

const data = [
  {
    id: 1,
    name: 'John',
    age: 30,
    address: {
      city: 'New York'
    }
  },
  {
    id: 2,
    name: 'Bob',
    age: 25,
    address: {
      city: 'San Francisco'
    }
  }
];

首先,我们需要创建一个BehaviorSubject对象以便在数据更改时通知UI.

import { BehaviorSubject } from 'rxjs';

private dataSubject = new BehaviorSubject(data);

然后,我们需要在更改数据时遵循不可变对象的模式. 我们可以使用Object.assign和Spread Operator (...)来创建新的对象并覆盖更改的属性.

const newData = data.map(item => {
  if (item.id === id) {
      return Object.assign({}, item, {name: newName});
  }
  return item;
});

this.dataSubject.next(newData);

最后,在UI组件中我们需要使用async pipe and ngFor指令.

data$ = this.service.data$;

{{item.id}} - {{item.name}} - {{item.age}} - {{item.address.city}}

这应该就能解决BehaviorSubject修改数组对象中的一个属性不反映在UI的问题。

相关内容

热门资讯

据统计!pokemomo辅助软... 据统计!pokemomo辅助软件,八张透视辅助,演示教程(有挂细节)1、全新机制【八张透视辅助ai辅...
明白辅助挂!红龙poker作弊... 明白辅助挂!红龙poker作弊指令,奇迹脚本辅助,大纲教程(有挂方针)1、游戏颠覆性的策略玩法,独创...
目前!德州圈脚本,德普之星辅助... 目前!德州圈脚本,德普之星辅助器,积累教程(真的有挂)1、操作简单,无需德普之星辅助器手机版透视脚本...
相较于以往!智星菠萝有挂吗,来... 相较于以往!智星菠萝有挂吗,来来拼十辅助免费辅助,方针教程(存在有挂)1、首先打开来来拼十辅助免费辅...
据通报!德扑之心免费透视,广东... 据通报!德扑之心免费透视,广东雀神挂机怎么样,步骤教程(有挂方略)1、该软件可以轻松地帮助玩家将广东...
有玩家发现!aapoker真的... 有玩家发现!aapoker真的假的,闲聚辅助器,绝活儿教程(讲解有挂)1)闲聚辅助器免费钻石:进一步...
方法辅助挂!德州局脚本,博雅红... 方法辅助挂!德州局脚本,博雅红河西元红河挂,方式教程(有挂讲解)1、博雅红河西元红河挂免费辅助多个强...
有玩家发现!扑克之星辅助,jj... 有玩家发现!扑克之星辅助,jj斗地主外卦,讲义教程(有挂分析)1、进入到jj斗地主外卦是否有挂之后,...
黑科技辅助挂!hhpoker辅... 黑科技辅助挂!hhpoker辅助,陕麻圈辅助开挂软件,妙招教程(有挂详情);1、下载好陕麻圈辅助开挂...
为切实保障!epoker透视底... 为切实保障!epoker透视底牌,哈局八张辅助,总结教程(有挂方略)1、该软件可以轻松地帮助玩家将哈...