我在HTML表单中有一个标签:
<div ng-switch-when="identification">
<div ng-include="'register/individual/views/tabs/identificationView.html'">
</div>
</div>
在标签内,我有一个按钮,点击时会弹出这个模态:
<a class="btn-round" role="button" data-toggle="modal" data-target="#addModal">Add</a>
<div ng-init="form={}" >
<div ng-include=" 'register/individual/views/modal/addIdentification.html' "></div>
</div>
在我的模态中,我有一个表格,一旦触发ng-click就会显示验证。
<form name="form.addIdentificationForm" novalidate> <div class="row"
ng-if="ctrl.showValidationMessages &&
form.addIdentificationForm.identificationIssuer.$invalid">
<a class="btn btn-round" href="" ng-click="ctrl.submitForm2()"role="button">Ok</a>
在我的控制器内:
$scope.form = {};
this.showValidationMessages2 = false;
this.isFormValid2 = function() {
this.showValidationMessages2 =
$scope.form.addIdentificationForm.$invalid;
return !this.showValidationMessages2;
}
this.submitForm2 = function() {
if (this.isFormValid2()) {
console.log(this.isFormValid());
}
}
但它显示错误:
scripts -f852eceaf3.js:8 TypeError:无法读取属性'$ invalid' 未定义 在Object.isFormValid2(scripts-f852eceaf3.js:29)
我的控制器可以在模态中访问,因为我能够将数据显示到文本框并从我的控制器文件中显示下拉列表。我唯一的问题是这个$无效。在我没有包含表单变量之前,我只是在这里阅读了一些问题并应用了相同的问题,即使我不会包含表单变量。