角度表单验证不使用组件

时间:2017-04-06 16:33:10

标签: angularjs forms angular-components

我有以下形式,即绑定到角度component的模板。当我提交时,我能够检索绑定到$ctrl.form的值,这表明form与控制器绑定,正如预期的那样,$valid在{{1}上}}按钮不起作用。添加验证器后,由于表单无效,该按钮始终处于禁用状态。

submit

1 个答案:

答案 0 :(得分:1)

从$ valid中删除$ctrl$valid用于检查表单验证,因此您不需要将控制器用作参考

更改此

ng-disabled="!$ctrl.form.$valid"

到这个

ng-disabled="!form.$valid"

删除ngClick,因为您使用的是ngSubmit

 <md-button data-id="register"
   class="md-primary md-raised"
   ng-disabled="form.$valid"
   ng-class="{ 'btn-disabled': form.$valid }"
   type="submit"> Create account
 </md-button>