각도를 사용하여 모달을 여는 방법 (UI 부트 스트랩 없음)?

Question

나는 모달을 나타 내기 위해 노력했지만 여러 번 시도한 후에 그렇게하지 못했습니다. 내가하고 싶은 것은 특정 변수가 컨트롤러에 $stateParams에 설정되어있는 경우 자동으로이 모달을로드

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

입니다 : 여기

는 모달 코드입니다. 그렇지 않으면 숨겨져 있어야합니다. 내가 시도한 성공

Answer 1

그냥 이렇게 전환합니다.

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

Answer 2

ng-showlink to documentation을 사용하십시오.

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

당신이 ngAnimate와 ngShow에 애니메이션을 적용 할 수 있음을 기억

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

그리고 그것을 제어하기위한 체크 박스 (하지만 당신은 아무것도 할 수 있습니다) :

당신은 같은 것을 할 수 있습니다.

Answer 3

기존 라이브러리 (ui 부트 스트랩이 아님)를 사용할 수 있다면 ngDialog을 권장합니다. 사용자 정의 HTML 템플리트 및 스타일을 사용할 수 있으며 단지 모달을 생성하기위한 것입니다.