通常出现此错误是因为服务方法未正确注入或未返回一个值。您可以尝试以下解决方案:
import { Component } from '@angular/core';
import { MyService } from './my-service.service';
@Component({
selector: 'app-root',
template: `
{{result}}
`,
})
export class AppComponent {
result: any;
constructor(private myService: MyService){
this.result = this.myService.getServiceData();
}
}
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root',
})
export class MyService {
getServiceData(){
return 'Data from MyService';
}
}
import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
@Injectable({
providedIn: 'root',
})
export class MyService {
getServiceData(): Observable {
return of('Data from MyService');
}
}