通常情况下，我们可以在 *ngFor 指令里面使用数组来循环渲染页面。但是在某些情况下，当我们试图使用 observable 对象时，Angular 会抛出一个错误。

为了解决这个问题，我们可以使用 async 管道来订阅 observable 对象，然后将其转换为数组，以便在 *ngFor 中使用。以下是一个示例代码：

component.ts:

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

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

      {{ item }}
    
  `
})
export class AppComponent {
  items$: Observable;

  constructor() {
    this.items$ = Observable.of(['item1', 'item2', 'item3']);
  }
}

在上面的例子中，我们创建了一个 items$ Observable 对象，并将其转换为字符串类型的数组。然后，我们使用 async 管道将 observable 对象转换为异步数据流，然后使用 *ngFor 指令将数组渲染到页面上。

现在，使用 Observable 就可以在 *ngFor 指令中轻松地循环渲染页面了！