關閉模態

Question

我在艱難的時期試圖用angularjs關閉模態。
我正在做的是在觸發事件時打開一個簡單的模態，在模態內執行一些操作，然后確認或中止操作。
第一個選項很好，但是當我單擊“中止”按鈕以關閉模態時，編譯器說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();       
     };
}

我究竟做錯了什么？！

編輯：如果您要否決這個問題，至少要有足夠的男人來解釋原因...

Answer 1

您沒有在您的控制器中添加$ 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');      
         };
    }]});
}