Angular组件构造函数使用问题:chatSvc属性不存在报错
问题解决:Angular构造函数注入ChatService报错
Property 'chatSvc' does not exist on type 'AppComponent' 你的代码存在两个关键问题,导致了这个报错:
- 构造函数拼写错误:你写的是
constuctor,正确拼写应为constructor。 - 未将注入的服务声明为类属性:构造函数中的
chatSvc参数没有添加访问修饰符(private/public/protected),Angular无法自动将其挂载为类的成员属性,因此无法通过this.chatSvc访问。
修复后的代码如下:
export class AppComponent { title = 'chat'; // 修正拼写错误,并添加private修饰符将服务转为类属性 constructor(private chatSvc: ChatService) { } sendMessage() { let body = { message: "message"} this.chatSvc.sendMessage(body).subscribe((result: any) => { if (result && result.statusCode) { // 这里添加你的业务处理逻辑 } }); } }
内容的提问来源于stack exchange,提问作者klp
相关产品推荐
相关产品推荐

