我正在尝试制作angularjs模态服务。 我有一个控制器,打开一些模态,在该模态我称为原始控制器功能或访问一些变量,这部分我可以做到这一点。 我只是无法关闭模态而不点击取消或确定按钮,o想要在模态中进行一些操作,手动调用一些werbservices和关闭模式。 任何人都可以帮助我吗?
我在这里做了一名工作人员: plunker
var modalInstance = $modal.open({
templateUrl: 'myModalContent2.html',
controller: ModalInstanceCtrl,
size: size,
scope: $scope
});
答案 0 :(得分:23)
要关闭已打开的$模式,您可以按照以下步骤操作。
1)将$modalInstance
注入您在创建模态时指定的控制器中。在您的情况下,您将其称为ModalInstanceCtrl
。
2)在ModalInstanceCtrl
上设置一个功能.close()
,$modalInstance
。
您的ModalInstanceCtrl
应该看起来像这样
angular.module('myCoolApp')
.controller('ModalInstanceCtrl', function ($scope, $modalInstance) {
$scope.closeModal = function(){
$modalInstance.close();
}
});
答案 1 :(得分:2)
$scope.myData='all data can be';
$scope.myModalInstance = $modal.open({
templateUrl: 'app/myOpen.html',
controller: 'myOpenController',
size: 'lg', //modal open size large
backdrop: 'static',
keyboard: false,
resolve: {
myData: function () {
return $scope.myData;
}
}
});
$scope.modalClose = function (){
$scope.myModalInstance.close();
}