这个错误通常由于在Angular组件中没有正确初始化服务实例所导致的。为了解决这个问题,您可以在组件的构造函数中注入服务,并在ngOnInit()等生命周期方法中正确初始化服务实例。例如:
import { Component, OnInit } from '@angular/core'; import { AuthService } from '../auth.service';
@Component({ selector: 'app-signup', templateUrl: './signup.component.html', styleUrls: ['./signup.component.css'] }) export class SignupComponent implements OnInit {
constructor(private authService: AuthService) { } // 在构造函数中注入服务
ngOnInit(): void { this.authService.init(); // 在ngOnInit()中初始化服务实例 }
signup() { this.authService.signup(email, password) .subscribe( res => console.log(res), err => console.log(err) ); } }
在上面的代码示例中,我们在组件的构造函数中注入了AuthService服务,并在ngOnInit()生命周期方法中初始化了它的实例。这样就可以避免'Cannot read property 'signup' of undefined”错误的出现了。