AngularJS Bootstrap Modal - 更改模板onclick()?

时间:2017-08-29 20:49:05

标签: angularjs modal-dialog angular-bootstrap

我目前有两种不同的模态。单击按钮时,将加载第一个模态。如果在此模态中单击特定按钮,我想加载不同的模态。然而,我不知道是否有简单的闪存在模态之间转换,我想知道是否只有一种方法来使用当前模态但是更改其中的模板?

1 个答案:

答案 0 :(得分:0)

有几种方法可以做到这一点。我将解释后者,因为它更简单

  • 使用ngRoute
  • 使用ng-showng-if

所以在你的模态中格式化这样的HTML:

<modal>
    <div ng-if="modal == 'one'">
        ... modal one content
    </div>
    <div ng-if="modal == 'two'">
        ... modal two content
    </div>
</modal>

然后在你的控制器中:

$scope.onClickSecondModalButton = () => {
    $scope.modal = 'two'
}

通过将$scope.modal更改为'one''two',您可以在没有动画闪光的情况下在两个模式之间切换。