Как открыть модальный с помощью углового (без бутстрапа ui)?

Question

Я пытаюсь сделать make модальным, но не удалось сделать это после нескольких попыток.

Вот код для модального:

<!-- 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"> 

Помните, что вы можете оживить ngShow с ngAnimate.

Answer 3

Если вы открыты для использования существующей библиотеки (это не загрузочный бункер), я рекомендую ngDialog. Вы можете использовать пользовательские HTML-шаблоны и стили, и это просто для создания модалов.