0
我试图执行modal
验证。我正在使用controller as modal
语法。关闭和提交功能按预期工作。不幸的是验证不。传递给控制器提交功能的loginForm是undefined
!由于这个问题我不能执行用户名输入验证。在Modal(UI Bootstrap)中传递给ng-submit的未定义表单
<form form="loginForm" class="registerModal" ng-submit="modal.submit(loginForm)" novalidate>
<div class="modal-header">
<h3 class="modal-title">TITLE</h3>
</div>
<div class="modal-body ">
<div class="row form-horizontal">
<div class="form-group" >
<label class="col-sm-4 control-label">Username:<span style="color:red">*</span></label>
<div class="col-sm-8">
<input type="text" class="form-control" name="username" ng-model="modal.user.username" ng-maxlength="3" required>
</div>
</div>
<div uib-alert class="col-sm-offset-4 alert-danger" ng-show="loginForm.username.$error.required">Error Msg</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" type="submit" ng-click="modal.showErrors=true">Register</button>
<button class="btn pull-left" type="button" ng-click="modal.cancel()">Cancel</button>
</div>
</form>
Controller.js
angular.module('app')
.controller('RegistrationCtrl',['$uibModalInstance', function ($uibModalInstance) {
var vm = this;
vm.showErrors = false;
//Modal
vm.user = {
username: 'default'
};
*/
/**********Submiting form**********/
vm.cancel = function() {
$uibModalInstance.dismiss('cancel');
};
vm.submit = function(form){
console.log('submiting....');
console.log(form); //it is undefined
};
}]);
我会感谢任何帮助。