在Angular12中，如果使用双向绑定，当组件输入值更新时，模板中相应的绑定也会自动更新。但是，有时候在模板中使用了表达式，这种自动更新的机制就不会起作用了。

为了解决这个问题，可以使用ChangeDetectorRef来手动刷新模板，让绑定自动更新。

首先，在组件中注入ChangeDetectorRef：

constructor(private cdr: ChangeDetectorRef) {}

然后，在需要更新的地方调用ChangeDetectorRef的detectChanges()方法：

this.cdr.detectChanges();

例如，在模板中使用表达式计算属性时，使用ChangeDetectorRef来刷新模板：

@Component({
  selector: 'app-example',
  template: `
    

      {{ someProperty }}
    
    

      {{ calculateSomeProperty() }}
    
    Update
  `,
})
export class ExampleComponent {
  @Input() someProperty: string;

  calculateSomeProperty() {
    // some logic to calculate a derived property
    return this.someProperty.toUpperCase();
  }

  updateSomeProperty() {
    // update the input property
    this.someProperty = 'new value';

    // manually trigger change detection
    this.cdr.detectChanges();
  }
}

当点击按钮时，更新someProperty并手动刷新模板，使计算出来的属性也更新。

通过使用ChangeDetectorRef，可以解决Angular12双向绑定自动更新的问题。