Question

我想让我的Angular Ui Modal控制器/对象在外面声明它是触发控制器（＆amp;在另一个文件中），而不会破坏全局命名空间。

这可能吗？是否可以声明模态控制器像一个常规的控制器，并以某种方式传递参数（来自我的触发控制器）？

我目前有:(这不酷）

(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;
          });
        }
      }
    });
  };

});

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

1 个答案: