关闭模态

时间:2016-06-09 07:15:29

标签: javascript angularjs modal-dialog


我正在艰难地试图用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();       
     };
}



我究竟做错了什么?!

编辑:如果你打算对这个问题进行投票,那么问题至少应该足以解释为什么......

1 个答案:

答案 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');      
         };
    }]});
}