Question

我试图创建一个具有不同视图的模态。第二个视图来自第一个视图的结果。我正在使用ui.bootstrap模块。我的问题是我无法弄清楚如何实现它。你有什么建议吗？

Answer 1

我认为尝试这样做并不是很有用。模态主要是一个“弹出窗口”，你可以调整一些东西。也许是一个详细的视图，您可以在其中编辑表行条目。

但是如果你真的想要两个（或更多）相互依赖的模态，我会将返回参数从一个模态传递给下一个模态的起始参数，并直接在控制器中打开它。像这样：

$scope.openModal1 = function (size) {
  var modalInstance1 = $modal.open({
    templateUrl: 'modal1.html',
    controller: 'modal1Ctrl'
  });
  modalInstance1.result.then(function (modal1Results) {
    var modalInstance2 = $modal.open({
      templateUrl: 'modal2.html',
      controller: 'modal2Ctrl',
      resolve: {
        resultFromModal1: function () {
          return modal1Results;
        }
      }
    });
    modalInstance2.result.then(function (modal2Results) {
      
    }, function (cancel) {
      console.log(cancel + ' Modal2 dismissed at: ' + new Date());
    }
  }, function (cancel) {
    console.log(cancel + ' Modal1 dismissed at: ' + new Date());
  });
};

完全未经测试，因此无法保证其“开箱即用”。

亲切的问候，

的Stefan

在Angular bootstrap模态

1 个答案: