我正在艰难地试图用angularjs关闭一个模态
我正在做的是在触发事件时打开一个简单的模态,在模态中执行某些操作然后确认或中止操作。
第一个opiton很好但是当我点击“Abort”按钮关闭模态时,compilator说close()不是一个函数。
我认为这是一个实例问题,所以我创建了一个并为它分配了open()和close()方法,但没有改变......
这是JS代码:
angular.module("docAcquire.controllers")
.controller('HomeController', ['$scope', '$modal', function ($scope, $modal) {
$scope.modalInstance = $modal;
$scope.openDoc = function() {
$scope.modalInstance = $modal.open({
templateUrl: 'partials/modals/Doc.html',
controller: '',
size : 'lg',
backdrop: 'static',
keyboard: false,
resolve: {}
});
};
$scope.abortOperation = function() {
$scope.modalInstance.close();
};
}
我究竟做错了什么?!
编辑:如果你打算对这个问题进行投票,那么问题至少应该足以解释为什么......
答案 0 :(得分:-1)
Yor没有在你的控制器中添加$ modalInstance。 你有两种方法来关闭模态
$scope.openDoc = function() {
$scope.modalInstance = $modal.open({
templateUrl: 'partials/modals/Doc.html',
size : 'lg',
backdrop: 'static',
keyboard: false,
resolve: {},
controller: ['$scope', '$modalInstance',
function($scope, $modalInstance){
//First Way
$scope.abortOperation = function() {
$modalInstance.close();
};
//Second Way
$scope.abortOperation = function() {
$modalInstance.dismiss('cancel');
};
}]});
}