在Angular中，当某个observable的值发生更改时，Angular会运行变更检测器以更新视图。这时可能会遇到ExpressionChangedAfterItHasBeenCheckedError错误，因为更改还没有完全渲染到视图上。

然而，当使用undefinedobservable时，Angular不会运行变更检测器，因为未定义的observable并没有发出任何值。因此，即使值发生更改，Angular也不会更新视图，也不会出现ExpressionChangedAfterItHasBeenCheckedError错误。

以下是示例代码如何创建undefinedobservable和如何订阅它：

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

@Component({
  selector: 'app-my-component',
  template: `
    
{{ value$ | async }}
  `,
})
export class MyComponent implements OnInit {
  value$: Observable;

  ngOnInit() {
    // Create an undefined observable
    this.value$ = undefined;

    // Subscribe to the undefined observable
    this.value$.subscribe(console.log); // This will not cause ExpressionChangedAfterItHasBeenCheckedError
  }
}

要避免这种情况，可以在创建observable时使用of方法来发出默认值。例如：

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

@Component({
  selector: 'app-my-component',
  template: `
    
{{ value$ | async }}
  `,
})
export class MyComponent implements OnInit {
  value$: Observable;

  ngOnInit() {
    // Create an observable with a default value
    this.value$ = of('');

    // Subscribe to the observable
    this.value$.subscribe(console.log); // This will not cause ExpressionChangedAfterItHasBeenCheckedError
  }
}