如何防止: ngFor在任何单击事件上重新渲染

<div *ngFor="let item of items; trackBy: trackByFn">{{ item }}</div>

trackByFn(index, item) {
  return item.id; // 假设每个元素都有唯一的id属性
}

import { Component, ChangeDetectionStrategy } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class MyComponentComponent {
  items: any[] = [];

  // 省略其他代码

  handleClick() {
    // 处理单击事件，不改变items数组
  }
}

<div *ngIf="!isClicked">
  <div *ngFor="let item of items">{{ item }}</div>
</div>

isClicked: boolean = false;

handleClick() {
  this.isClicked = true;
}