在Angular中,可观察对象是指实现了RxJS库中的Observable接口的对象。Angular会自动完成以下类型的可观察对象:
import { HttpClient } from '@angular/common/http';
constructor(private http: HttpClient) { }
getData(): Observable {
return this.http.get('https://api.example.com/data');
}
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
ngOnInit(): void {
this.route.paramMap.subscribe(params => {
const id = params.get('id');
console.log('Route parameter:', id);
});
}
import { FormBuilder, FormGroup } from '@angular/forms';
constructor(private fb: FormBuilder) { }
ngOnInit(): void {
const form: FormGroup = this.fb.group({
name: '',
email: ''
});
form.get('name').valueChanges.subscribe(value => {
console.log('Name changed:', value);
});
}
除了以上示例中提到的情况,你也可以手动创建和使用可观察对象,以便在Angular中实现更多的功能。