问题可能出现在服务调用的Observable对象中。确保服务返回一个可观察的对象,并正确地订阅它。以下是一个示例:
在服务中:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class DataService {
constructor(private http: HttpClient) { }
getData(): Observable {
return this.http.get('https://example.com/api/data');
}
postData(data: any): Observable {
return this.http.post('https://example.com/api/data', data);
}
}
在组件中:
import { Component } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app-root',
template: `
`
})
export class AppComponent {
constructor(private dataService: DataService) { }
getData() {
this.dataService.getData().subscribe(result => {
console.log(result);
});
}
postData() {
const data = { name: 'John Doe' };
this.dataService.postData(data).subscribe(result => {
console.log(result);
});
}
}
请注意,.postData()中的数据参数应该正确地指定,并使用相应的接口。