Angular中，当数组的对象被修改时，ngFor指令没有更新视图。
创始人
2024-10-31 21:30:07
0次

可以使用数组的slice()方法创建一个新的对象来强制ngFor指令更新视图。示例如下：

在组件中声明一个数组：

export class MyComponent {
  myArray = [{name: 'John', age: 25}, {name: 'Jane', age: 30}];
}

在模板中使用ngFor指令遍历数组：

    
  
  • {{item.name}}, {{item.age}}
    •

当需要更新myArray的某个对象时，使用slice()方法创建一个新的数组对象并重新赋值：

updateArrayItem() {
  const updatedItem = {name: 'John', age: 26};
  this.myArray[0] = updatedItem;
  this.myArray = this.myArray.slice();
}

这样就能强制ngFor指令更新视图了。

上一篇：Angular中，当输入框的值为负数时，valueChanges返回的是bool类型值。

下一篇：Angular中，当添加一个项目时，有没有一种方法可以移动到特定的索引位置？

相关内容

热门资讯

透视手册！约局吧德州有挂吗（透... 透视手册！约局吧德州有挂吗（透视）好像是真的辅助app（哔哩哔哩）1、游戏颠覆性的策略玩法，独创攻略...
透视模板！we-poker靠谱... 透视模板！we-poker靠谱吗（透视）好像是有辅助神器（哔哩哔哩）1）we-poker靠谱吗有没有...
透视项目！德普之星有辅助软件吗... 透视项目！德普之星有辅助软件吗（透视）好像是有辅助工具（哔哩哔哩）1、全新机制【德普之星有辅助软件吗...
透视操作！wepoker怎么发... 透视操作！wepoker怎么发冤家牌（透视）竟然真的是有辅助软件（哔哩哔哩）1、下载好wepoker...
透视法门！德州辅助工具到底怎么... 透视法门！德州辅助工具到底怎么样（透视）一贯有辅助神器（哔哩哔哩）1、金币登录送、破产送、升级送、活...
透视方式！pokemmo脚本（... 透视方式！pokemmo脚本（透视）本来真的是有辅助安装（哔哩哔哩）pokemmo脚本是不是有人用挂...
透视绝活！wepoker怎么挂... 透视绝活！wepoker怎么挂底牌（透视）其实存在有辅助软件（哔哩哔哩）1、透视绝活！wepoker...
透视模板！拱趴游戏破解器（透视... 透视模板！拱趴游戏破解器（透视）本来真的是有辅助修改器（哔哩哔哩）1、进入到拱趴游戏破解器是否有挂之...
透视机巧！如何下载wepoke... 透视机巧！如何下载wepoker安装包（透视）竟然是真的辅助插件（哔哩哔哩）1）如何下载wepoke...
透视法门！hh poker插件... 透视法门！hh poker插件下载（透视）原来是真的辅助辅助器（哔哩哔哩）；1、hh poker插件...