AngularJS Bootstrap模式 - 更改模板onclick()?
问题描述:
我目前有两个单独的模式。当点击一个按钮时,第一个模式被加载。如果在此模式中单击某个特定按钮,我想加载其他模式。然而,我不知道是否有简单的方法来使用当前的模态,而是改变其中的模板?AngularJS Bootstrap模式 - 更改模板onclick()?
答
有几种方法可以做到这一点。我会解释后者,因为它更简单
- 使用ngRoute
- 使用
ng-show
或ng-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'
,您可以在不使用动画闪光的情况下在两个模式之间切换。