Angular ngForm提交无响应,无法获取表单值问题求助
Angular ngForm 无法获取表单值问题排查
你的代码里有两个关键错误导致无法获取表单值:
表单指令拼写错误
输入框上的指令写成了ngModal,正确的指令应该是ngModel——这是Angular模板驱动表单中用来绑定表单控件与数据模型的核心指令,缺少它或者拼写错误,表单不会将输入框的值纳入表单对象中。按钮标签语法错误
提交按钮的闭合标签写错了,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
相关产品推荐
相关产品推荐

