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

Angular ngForm提交无响应,无法获取表单值问题求助

Angular ngForm 无法获取表单值问题排查

你的代码里有两个关键错误导致无法获取表单值:

  1. 表单指令拼写错误
    输入框上的指令写成了ngModal,正确的指令应该是ngModel——这是Angular模板驱动表单中用来绑定表单控件与数据模型的核心指令,缺少它或者拼写错误,表单不会将输入框的值纳入表单对象中。

  2. 按钮标签语法错误
    提交按钮的闭合标签写错了,Login/buttong应该改为Login</button>,虽然这个错误不直接影响表单值的获取,但会导致DOM渲染异常,建议修正。

修正后的HTML代码:

<form #loginForm="ngForm" (ngSubmit)="userLogin(loginForm.value)">
  <input type="text" placeholder="Enter Name" name="name" ngModel>
  <br> 
  <br>
  <button type="submit">Login</button>
</form>

你的TS代码和Module导入都没问题——FormsModule已经正确导入,这是模板驱动表单的必要依赖。修正上述错误后,提交表单时就能正常获取到包含name字段的表单值了。

内容的提问来源于stack exchange,提问作者Abhijeet

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.23 07:06:22