可以使用RxJS的操作符，例如map或mergeMap，将数据从Observable中提取出来并将其分配给组件的变量。以下是一个示例：

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { DataService } from './data.service';

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

      {{item}}
    
  `,
})
export class ExampleComponent implements OnInit {
  items$: Observable;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.items$ = this.dataService.getData().pipe(
      map((data) => data.items)
    );
  }
}

在这个示例中，我们使用了数据服务，该服务返回一个Observable。我们使用map操作符将数据提取出来并将其赋值给组件的items$变量。因为items$是一个Observable，我们使用async管道在模板中订阅数据。现在，在模板中，我们可以使用*ngFor遍历items$并渲染数据。

通过这种方式，我们可以让数据在subscribe方法之外可用，并将其分配给组件变量，使其在模板中可用。