Angular2入门系列(四)————ngModel和表单元素name属性
Angular2入门系列(四)————ngModel和表单元素name属性 通过NgModel实现双向绑定
在表单中需要注意的事项 1.在ng2表单中使用ngModel需要注意,必须带有name属性或者使用 [ngModelOptions]=”{standalone: true}”,二选其一 <form #testform="ngform"> <input name="username" [(ngModel)]=user.name /> </form> <form #testform="ngform"> <input [ngModelOptions]="{standalone: true}" [(ngModel)]=user.name /> </form> 如果未设置name或者ngModelOptions,就会报如下错误: If ngModel is used within a form tag,either the name attribute must be set or the formcontrol must be defined as ‘standalone’ in ngModelOptions. 因为ngForm持有通过ngModel指令和name属性为各个元素创建的那些控件,并且监视它们的属性变化,包括有效性。 它还有自己的valid属性,只有当其中所有控件都有效时,它才有效。 2.使用button时需要注明type类型,未注明类型的button会默认为submit,当你点击一个非提交表单按钮时也会提交表单,所以要注明type=”button” (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |