AngularJS从modal提交表单
我已经将一个表单放入一个模式窗口(使用Angular UI引导创建) 我的表格有以下代码:AngularJS从modal提交表单,angularjs,Angularjs,我已经将一个表单放入一个模式窗口(使用Angular UI引导创建) 我的表格有以下代码: <form ng-submit="processForm()" name="form2" role="form"> <input type="checkbox" ng-model="ckCS" name="ckCS" /> <button class="btn btn-primary" type="submit">ADD</button> </form
<form ng-submit="processForm()" name="form2" role="form">
<input type="checkbox" ng-model="ckCS" name="ckCS" />
<button class="btn btn-primary" type="submit">ADD</button>
</form>
.controller(
'ModalInstanceCtrl',
function ($scope, $modalInstance, $http, sharedProperties, items) {
$scope.processForm = function () {
//[here I've some code with http.post]
$modalInstance.close();
}
}
)
模态显示没有问题,但当我尝试提交表单时,它根本不起作用。即使在控制台日志中也不会显示错误
“我的模态”窗口的控制器设置如下:
$scope.animationsEnabled = true;
$scope.open = function (size) {
var modalInstance = $uibModal.open({
animation: $scope.animationsEnabled,
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
size: size,
resolve: {
items: function () {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
//$log.info('Modal dismissed at: ' + new Date());
});
};
我做错了什么?您可以尝试在按钮元素中使用ng click=“processForm()”?您的HTML“ModalInstanceCtrl”的控制器是吗?@uksz我会在一分钟内更新我的问题。@Henry00尝试了您的解决方案,但仍然不起作用。需要检查提交时调用了$scope.processForm()?保留console.log的注释并删除http post代码,只保留$modalInstance.close();