角を使用してモーダルを開く方法（UIブートストラップなし）？

Question

私はモーダルを表示させようとしていますが、複数回試してみると失敗しました。ここで

はモーダルのコードです：私は何をしたいか

<!-- Login modal --> 
<div class="modal fade" id="login_2" tabindex="-1" role="dialog" aria-labelledby="myLogin" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content modal-popup"> 
       <a href="#" class="close-link"><i class="icon_close_alt2"></i></a> 
       <form action="#" class="popup-form" id="myLogin"> 
        <div class="login_icon"><i class="icon_lock_alt"></i></div> 
        <input type="text" class="form-control form-white" placeholder="Username"> 
        <input type="text" class="form-control form-white" placeholder="Password"> 
        <div class="text-left"> 
         <a href="#">Forgot Password?</a> 
        </div> 
        <button type="submit" class="btn btn-submit">Submit</button> 
       </form> 
      </div> 
     </div> 
    </div><!-- End modal --> 

は、特定の変数がコントローラに$stateParamsに設定されている場合は、自動的にこのモーダルをロードすることです。それ以外の場合は、非表示のままにしておきます私は試してみたangular.element('login_2').modal()成功なし

Answer 1

ちょうどこのように切り替える。

$('#login_2').modal('show'); 

Answer 2

ng-showlink to documentationを使用してください。

あなたが好きなものを作ることができます。

<div class="modal fade" ng-show="showMyModal" ... 

そして、それを制御するためのチェックボックス（しかし、あなたは何を行うことができます）

<input type="checkbox" ng-model="showMyModal"> 

あなたはngAnimateでngShowをアニメーション化できることを覚えておいてください。

Answer 3

既存のライブラリ（uiブートストラップではない）を使用している場合は、ngDialogをお勧めします。カスタムHTMLテンプレートとスタイルを使用することができます。これは単なるモーダルを作成するためのものです。