You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 19:22:03