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

问题描述:

我目前有两个单独的模式。当点击一个按钮时,第一个模式被加载。如果在此模式中单击某个特定按钮,我想加载其他模式。然而,我不知道是否有简单的方法来使用当前的模态,而是改变其中的模板?AngularJS Bootstrap模式 - 更改模板onclick()?

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

  • 使用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',您可以在不使用动画闪光的情况下在两个模式之间切换。