Angular 19中ngModel与click事件失效(被识别为字符串)求助
Angular 19中ngModel与click事件失效问题
我用Angular 19开发组件时,发现HTML模板里的ngModel和click事件都被识别成了字符串,完全没法正常工作。不管是创建独立组件项目还是非独立组件项目,这个问题都存在。
我的组件代码如下:
import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-login', standalone: true, // 标记为独立组件 imports: [FormsModule], templateUrl: './login.component.html', styleUrl: './login.component.css' }) export class LoginComponent { loginObj : Login; constructor() { this.loginObj = new Login(); }; onlogin(){ } } export class Login { Email: string; Password: string; constructor(){ this.Email = ''; this.Password = ''; } }
我已经试过这些解决办法:
- 在独立组件和AppModule里都导入了FormsModule;
- 删除node_modules后重新安装所有依赖,但问题还是没解决。
现在ngModel依然被识别为字符串,click事件也触发不了,希望有人帮忙分析原因。预期效果是ngModel能正常实现双向数据绑定,click事件可以触发对应的方法,模板中的这些指令不会被当作普通文本显示。
内容的提问来源于stack exchange,提问作者Manel Ben Sayari
相关产品推荐
相关产品推荐

