AngularJS Bootstrap Modal - テンプレートonclick（）を変更しますか？

Question

私は現在、2つの別々のモーダルを持っています。ボタンをクリックすると、最初のモーダルが読み込まれます。このモーダル内で特定のボタンをクリックすると、別のモーダルをロードします。しかし、モーダル間の遷移が起こる短いフラッシュを持つのではなく、単に現在のモーダルを使用する方法があるのだろうかと思っていましたが、その中のテンプレートを変更しますか？

Answer 1

これを行うにはいくつかの方法があります。

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

その後に：それは単純

• 使用ngRoute
• 使用ng-showまたはng-if

したがって、このようなあなたのモーダルなものでHTMLをフォーマットですので、私は後者を説明しますあなたのコントローラ：

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

$scope.modalを'one'または'two'のいずれかに変更して、アニメーションのフラッシュを使用せずに2つのモーダルを切り替えることができます。