当使用ngIf指令的异步布尔值时，我们需要使用管道（ | async ）对该值进行处理。但是如果我们同时使用了普通布尔值和异步布尔值，则ngIf指令将无法正常使用。

为了解决这个问题，我们可以使用一个boolean类型的变量来处理异步布尔值，例如：

export class AppComponent {
  showContent = false;
  showContentAsync: Observable;

  constructor(private service: MyService) { }

  ngOnInit() {
    this.showContentAsync = this.service.someObservable();
    this.showContentAsync.subscribe(boolValue => this.showContent = boolValue);
  }
}

在这个例子中，我们在组件中定义了两个变量： showContent 和 showContentAsync。 showContent 是一个基本的boolean类型变量，而 showContentAsync 是一个Observable类型变量，用来处理异步布尔值。

在 ngOnInit 方法中，我们用 this.service.someObservable() 方法来获取异步布尔值，并使用一个 subscribe 方法来更新 showContent 变量，这时就可以使用 showContent 变量在 ngIf 指令中进行条件判断了：

这种方法可以同时适用于异步布尔值和普通布尔值，以确保 ngIf 指令的正常使用。