在Angular 6中,你可以使用subscribe
方法将订阅的数据分配给本地变量,以供进一步处理。
下面是一个示例代码,展示了如何在组件中订阅一个Observable,并将其数据分配给本地变量以供进一步处理:
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
DataService
的服务,并在其中定义一个返回Observable的方法。在这个例子中,我们假设该服务的名称是data.service.ts
:import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
@Injectable()
export class DataService {
private data: Observable;
constructor() { }
getData(): Observable {
// 在这里返回一个Observable,例如从API获取数据
return this.data;
}
}
DataService
:constructor(private dataService: DataService) { }
ngOnInit
生命周期钩子中订阅DataService
返回的Observable,并将数据分配给本地变量:ngOnInit() {
this.dataService.getData().subscribe(data => {
// 在这里可以进一步处理数据
console.log(data);
// 将数据分配给本地变量
this.localData = data;
});
}
在这个示例中,localData
是一个组件的属性,你可以在模板中使用它来显示数据。
请注意,这只是一个简单的示例,实际情况可能需要更复杂的处理。