在Angular 11中，无论是否使用ChangeDetectorRef，subscribe()方法都无法直接修改HTML。这是因为Angular采用了单向数据流的原则，即数据的变化只能通过数据绑定来更新HTML。但是，你可以通过触发变更检测来更新HTML。

以下是一个示例解决方法：

1. 创建一个Observable对象，并在组件中订阅它。

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';

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

      {{ data }}
    
    Update Data
  `,
})
export class ExampleComponent implements OnInit {
  data$: Observable;

  constructor(private changeDetectorRef: ChangeDetectorRef) {}

  ngOnInit() {
    // 创建Observable对象
    this.data$ = new Observable((observer) => {
      observer.next('Initial Data');

      setTimeout(() => {
        observer.next('Updated Data');
        // 手动触发变更检测
        this.changeDetectorRef.detectChanges();
      }, 2000);
    });

    // 订阅Observable对象
    this.data$.subscribe((data) => {
      console.log(data);
    });
  }

  updateData() {
    // 更新数据
    this.data$.next('New Data');
  }
}

2. 在模板中使用数据绑定来显示数据。

3. 在Observable的next()方法中更新数据，并在需要时手动触发变更检测（使用ChangeDetectorRef的detectChanges()方法）来更新HTML。

在上面的示例中，当点击"Update Data"按钮时，会调用updateData()方法来更新数据。然后，在2秒后，Observable对象会发出新的数据，并通过手动调用变更检测来更新HTML。