如果在Angular组件中没有接收到Observable数据,可能是由于以下几个原因:
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
@Component({
selector: 'app-my-component',
template: `
{{ data }}
`
})
export class MyComponent implements OnInit {
data: any;
ngOnInit() {
const myObservable = new Observable(observer => {
observer.next('Hello World');
});
myObservable.subscribe(data => {
this.data = data;
});
}
}
import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app-my-component',
template: `
{{ data }}
`
})
export class MyComponent implements OnInit {
data: any;
constructor(private dataService: DataService) {}
ngOnInit() {
this.dataService.getData().subscribe(data => {
this.data = data;
});
}
}
observer.next()
方法来发出数据。import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
@Component({
selector: 'app-my-component',
template: `
{{ data }}
`
})
export class MyComponent implements OnInit {
data: any;
ngOnInit() {
const myObservable = new Observable(observer => {
setTimeout(() => {
observer.next('Hello World');
}, 1000);
});
myObservable.subscribe(data => {
this.data = data;
});
}
}
通过以上几个步骤,您应该能够解决Angular组件未接收到Observable的问题。请根据您的实际情况选择适当的解决方法。
上一篇:Angular组件未改变模板