Angular中“对象标识必须变更”是什么意思？如何更改对象标识？

Angular对object、Array、Map、Set这类引用类型的类绑定表达式，默认做引用相等性校验——你提到的「对象标识」本质就是变量指向的内存引用地址，只要引用地址发生变化，Angular就会判定为标识变更，自动更新class列表；仅修改原有实例的属性/内容、不改变引用地址的操作，不会触发更新。

修改对象标识不需要给原有对象加特殊标记字段，核心思路就是用一个全新创建的实例替换原有变量的引用，不同类型的具体实现如下：

• 普通对象类型（最常用的多类绑定写法）
  避免直接修改原有对象的属性，用对象展开运算符或者Object.assign创建新对象替换即可：

  // 初始类绑定对象
  classConfig = { active: false, disabled: true };
  
  // 错误写法：仅修改属性，引用不变，不触发更新
  toggleActive() {
    this.classConfig.active = !this.classConfig.active;
  }
  
  // 正确写法：生成新对象替换，引用变更，触发更新
  toggleActive() {
    this.classConfig = {
      ...this.classConfig,
      active: !this.classConfig.active
    };
    // 兼容不支持展开运算符的环境可以用下面的写法：
    // this.classConfig = Object.assign({}, this.classConfig, { active: !this.classConfig.active });
  }
  

• 数组类型
  避免用push、splice、pop这类原地修改数组的方法，用返回新数组的操作生成新实例替换：

  classList = ['card', 'rounded'];
  
  // 错误写法：原地修改数组，不触发更新
  addActiveClass() {
    this.classList.push('active');
  }
  
  // 正确写法：生成新数组替换
  addActiveClass() {
    this.classList = [...this.classList, 'active'];
    // 过滤、map等所有返回新数组的操作都可以
  }
  

• Map/Set类型
  避免直接调用原有实例的add、set、delete等原地修改方法，创建新的Map/Set实例替换原有引用：

  classSet = new Set(['card', 'rounded']);
  
  // 错误写法：原地修改Set实例，不触发更新
  addActiveClass() {
    this.classSet.add('active');
  }
  
  // 正确写法：创建新Set实例替换
  addActiveClass() {
    const newSet = new Set(this.classSet);
    newSet.add('active');
    this.classSet = newSet;
  }
  

  Map的实现逻辑完全一致，通过new Map(oldMap)创建新实例即可。

补充说明：不要尝试通过给原有对象新增自定义id字段、修改自定义版本号的方式触发更新，Angular不会深度遍历对比对象内部的属性变化，只要引用地址和之前一致，就不会触发类列表更新。

内容的提问来源于stack exchange，提问作者yz lv