부트 스트랩 모달 대화 상자가 프로그래밍 방식으로 나타나지 않습니다.

Question

두 개의 모달 대화 상자가있는 페이지가 있습니다. 하나는 데이터 속성을 통해 활성화되며 정상적으로 작동합니다. 다른 하나는 $('#myDialog').modal('show')을 통해 활성화됩니다. 이 대화 상자를 호출 할 때 배경 화면 만 표시되지만 대화 상자는 표시되지 않습니다. 자세히 검사하면 화면 상단에서 가져 오는 애니메이션이 실행되지 않는 것처럼 보입니다 (여전히 화면 밖에 위치 함). 그것은 대화 자체가 아닙니다 (JS와의 "작업"대화 상자를 열어 줄 코드를 바꾸려고했습니다. 아무 소용이 없습니다).

여기 해야하는 코드 (커피 스크립트)

$scope.unlinkAccount = (account) -> 
     $('#deleteAlert').modal('show') 

여기 모달 HTML

<div id="deleteAlert" class="modal hide fade"> 
    <div class="modal-header"> 
     <h2>Are you sure you want to unlink {{deleteTarget.token}}?</h2> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" >Cancel</button> 
     <button class="btn btn-primary" ng-click="linkAccount()">Link</button> 
    </div> 
</div> 

Idears이있어 그것을 불러입니까?

Answer 1

컨트롤러 코드에서 DOM을 조작하지 마십시오. 대신 Anger 방식을 사용하십시오. 귀하의 경우에는 Angular-UI Bootstrap을 사용하는 것이 좋습니다. 컨트롤러 코드를 테스트 가능한 상태로 유지하면서 활용할 수있는 $dialog 서비스가 있습니다.