使用 ChangeDetectionStrategy.OnPush

在 Angular 中，组件的视图变化检测是由变化检测器（Change Detector）实现的。默认情况下，Angular 会检测组件中所有属性的变化并更新视图。然而，当组件的属性变化过于频繁时，视图变化检测会变得非常缓慢。

为了解决这个问题，可以通过在组件中指定变化检测策略来提高性能。Angular 提供了两种变化检测策略：Default 和 OnPush。

使用 OnPush 变化检测策略时，只有当组件输入属性的引用发生变化时才会触发视图变化检测。这样可以大大减少视图变化检测的次数，从而提高性能。

下面是一个示例组件，演示如何使用 OnPush 变化检测策略：

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

@Component({
  selector: 'app-example',
  template: '{{title}}',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ExampleComponent {
  @Input() title: string;
}

在上面的示例中，我们通过在 @Component 装饰器中指定 changeDetection: ChangeDetectionStrategy.OnPush 来启用 OnPush 变化检测策略。这样，当输入属性 title 的引用发生变化时才会触发视图变化检测。

使用 OnPush 变化检测策略时，组件的输入属性应该是不可变对象，或者至少不应该频繁的变化。这样可以确保视图变化检测的效率最大化。