如何在控制器之外聲明Angular UI Modal？

Question

我想讓我的Angular Ui Modal控制器/對象在 之外聲明它觸發控制器（&在另一個文件中），而不會對全局名稱空間造成污染。

這可能嗎？是否有可能像常規控制器一樣聲明模態控制器 並以某種方式傳遞參數（來自我的 觸發控制器）？

我目前有：（不涼）

(function() { 
    TriggeringCtrl.$inject = ['$scope', 'htmlClient', 'apiCall', '$timeout', '$modal', 'utility']; 
    function TriggeringCtrl($scope, htmlClient, apiCall, $timeout, $modal, utility) { 

    }; 
    app.controller('TriggeringCtrl', TriggeringCtrl); 
    var ModalCtrl = function ($scope, $modalInstance, node, apiCall, utility) { 
    } 
}); 

Answer 1

在這裏你有例子不是全局： http://plnkr.co/edit/fCfvcnwP9JSHbX5L2Vuu?p=preview

var app = angular.module('plunker', ['ui.bootstrap']); 
app.controller('ModalDemoCtrl', function ($scope, $modal, $q, $timeout) { 


    $scope.open = function() { 
    var modalInstance = $modal.open({ 
     templateUrl: 'myModalContent.html', 
     controller: function ($scope, $modalInstance, items) { 

     $scope.items = items; 


     $scope.ok = function() { 
      $modalInstance.close('item'); 
     }; 

     $scope.cancel = function() { 
      $modalInstance.dismiss('cancel'); 
     }; 
     }, 
     resolve: { 
     items: function() { 
      var p = $q.defer(); /// simulate data 
      $timeout(function(){ 
      p.resolve(['item1', 'item2', 'item3']); 
      }); 
      return p.promise.then(function(data){ 
      return data; 
      }); 
     } 
     } 
    }); 
    }; 

});