角度值更改-设置属性然后更新ngFor -不起作用

// 组件类
@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of items; trackBy: trackByFn">{{ item.name }}</div>
    <button (click)="changeName()">Change Name</button>
  `
})
export class ExampleComponent {
  items = [
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' }
  ];

  changeName() {
    // 创建一个新的对象，而不是直接修改原始对象
    const newItems = this.items.map(item => ({ ...item }));
    newItems[0].name = 'New Name';

    // 更新属性值
    this.items = newItems;
  }

  trackByFn(index, item) {
    return item.id; // 返回唯一标识符
  }
}