Javascript AngularJS和bootstrap多模态

Javascript AngularJS和bootstrap多模态,javascript,angularjs,modal-dialog,angular-ui-bootstrap,Javascript,Angularjs,Modal Dialog,Angular Ui Bootstrap,我用AngularJS和BootstrapUI来做情态动词,我需要可能性 要同时打开多个模态,当我打开一个模态时,我需要放置一个按钮/链接来打开第二个模态 有什么方法可以做到这一点吗?可能我缺少smth,但模态中没有魔力:打开模态=使用控制器显示一些div。。。其余部分由css完成。 模态中的模态: angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $modal, $mod

我用AngularJS和BootstrapUI来做情态动词,我需要可能性 要同时打开多个模态,当我打开一个模态时,我需要放置一个按钮/链接来打开第二个模态


有什么方法可以做到这一点吗?

可能我缺少smth,但模态中没有魔力:打开模态=使用控制器显示一些div。。。其余部分由css完成。

模态中的模态:

angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $modal, $modalInstance, items) {

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

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

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

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

可能我缺少smth,但模态中没有魔力:打开模态=使用控制器显示一些div。。。其余部分由css完成。

模态中的模态:

angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $modal, $modalInstance, items) {

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

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

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

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

你可以重新考虑这个设计。。。也许只是关闭一个,打开另一个?将模态叠加在一起可能会导致用户感到沮丧,您可能会重新考虑此设计。。。也许只是关闭一个,打开另一个?将模态叠加在一起可能会导致用户感到沮丧