加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 08:40:55 所属栏目:安全 来源:网络整理
导读:以下angular.ui Modal example显示modalInstance调用ModalIntanceCtrl,后来创建为一个函数: var ModalDemoCtrl = function ($scope,$modal,$log) { $scope.items = ['item1','item2','item3']; $scope.open = function () { var modalInstance = $modal.op
以下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,也可以这样做。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读