在Angular中，引用变量不会自动刷新的原因是因为Angular使用了变化检测机制来优化性能。当引用变量的值发生变化时，Angular并不会立即更新视图中对应的部分，而是通过检测变化来确定是否需要更新视图。

要解决这个问题，可以使用ChangeDetectorRef类中的detectChanges()方法来手动触发变化检测，强制更新视图。以下是一个示例：

首先，在组件类中导入ChangeDetectorRef类：

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

然后在组件类的构造函数中注入ChangeDetectorRef：

constructor(private cdr: ChangeDetectorRef) {}

接下来，在需要刷新引用变量的地方调用detectChanges()方法：

this.cdr.detectChanges();

完整的示例代码如下：

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

@Component({
  selector: 'app-example',
  template: `
    
{{ data }}
    更新数据
  `,
})
export class ExampleComponent {
  data = '初始数据';

  constructor(private cdr: ChangeDetectorRef) {}

  updateData() {
    // 模拟数据更新
    this.data = '更新后的数据';

    // 手动触发变化检测，刷新视图
    this.cdr.detectChanges();
  }
}

在上面的示例中，当点击按钮时，data变量的值会被更新，并且通过调用detectChanges()方法来刷新视图，将更新后的值显示在页面上。

使用ChangeDetectorRef类的detectChanges()方法可以解决Angular中引用变量不刷新的问题，但应该谨慎使用，避免在性能要求较高的情况下过度使用，以免影响性能。