AngularJS和bootstrap多个模态

时间:2014-10-15 17:06:31

标签: javascript angularjs modal-dialog angular-ui-bootstrap

我正在使用AngularJS和BootstrapUI作为我的模态,我需要这种可能性 同时打开多个模态,当我打开一个模态时我需要放一个按钮/链接来打开第二个模态

有没有办法做到这一点?

1 个答案:

答案 0 :(得分:2)

可能是我错过了smth,但是在模态中没有魔法:open modal =用控制器显示一些div ...其余的由css完成。 http://plnkr.co/edit/GnadPfU9OFDFfyEa11vE?p=preview

模态中的模态:

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