angularjs – 在angular.ui模态中注入角度控制器依赖的正确方法

前端之家收集整理的这篇文章主要介绍了angularjs – 在angular.ui模态中注入角度控制器依赖的正确方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下angular.ui Modal example显示modalInstance调用ModalIntanceCtrl,后来创建为一个函数
var ModalDemoCtrl = function ($scope,$modal,$log) {

  $scope.items = ['item1','item2','item3'];

  $scope.open = function () {

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

    modalInstance.result.then(function (selectedItem) {
      $scope.selected = selectedItem;
    },function () {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };
};

var ModalInstanceCtrl = function ($scope,$modalInstance,items) {

  $scope.items = items;
  $scope.selected = {
    item: $scope.items[0]
  };

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

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};

我有2个问题/问题:

>文档建议以另一种方式创建控制器(由于缩小问题),例如:

myApp.controller(‘GreetingCtrl’,[‘$ scope’,function($ scope){
$ scope.greeting =’Hola!’;
}]);

但是如果我创建这样的控制器,我怎么可以注入到modalInstance?

>我这里调用的控制器不是一个模态实例控制器,但我的全局loginCtrl,这是一个问题吗?我应该以某种方式子类化loginCtrl或从ModalInstanceCtrl调用它?如果是这样 – 怎么样?

我很乐意为此提供指导和澄清。
谢谢!

你的问题不是很清楚,但如果你声明控制器使用模块API,那么你可以提供控制器模态服务作为字符串
myApp.controller('ModalInstanceCtrl',['$scope',function($scope) { $scope.greeting = 'Hola!'; }]);

controller:’ModalInstanceCtrl’,

如果你想在模态服务中使用loginCtrl,也可以这样做。

原文链接:/angularjs/145817.html

猜你在找的Angularjs相关文章