오류 발생 $ (...). 업그레이드 된 부트 스트랩 3.3.6에서 4.0.0까지 modal은 함수가 아닙니다.

Question

3.3.6에서 4로 응용 프로그램의 부트 스트랩을 업그레이드 한 후 오류 오류 $ (. ..). 모달은 이전에 잘 작동하는 함수가 아닙니다. 오류

angular.js:14700 TypeError: $(...).modal is not a function 
at ReviewQueueController.js?V=1.2:122 
at angular.js:20440 
at completeOutstandingRequest (angular.js:6362) 
at angular.js:6642 

나는 각도 j를 사용하고 있습니다. 성공, 오류 또는 모달을 사용할 정보가있을 때. 나는 바이올린으로이 문제를 재현하려고 노력했다.

저는 각도로 작업하기 시작 했으므로 수정 방법을 잘 모릅니다. 많은 포스트에서

Fiddle Link

는 또한 많은 링크가 here처럼 noconflict 사용하도록 제안이

.fade.in { 
    opacity: 1; 
} 

.modal.in .modal-dialog { 
    -webkit-transform: translate(0, 0); 
    -o-transform: translate(0, 0); 
    transform: translate(0, 0); 
} 

.modal-backdrop.in { 
    filter: alpha(opacity=50); 
    opacity: .5; 
} 

CSS

을 변경하기 위해 제안 된 연구. 난 내가 문제를 언급

Answer 1

하나 개의 솔루션을 해결하기 위해 무엇을 할 수 있는지 제안 해주십시오 충돌이 AngularJS와

와 함께 작동하지 않습니다 방법 확실하지 오전 자신의 우리는 HTML이를 넣어 GitHub repo :

<!-- Enable bootstrap 4 theme --> 
<script>window.__theme = 'bs4';</script> 

또한 ViewEncapsulation을 app.component.ts에서 사용 중지해야 할 수 있습니다.

"CSS 캡슐화 사용 안 함"here을 참조하십시오.

UPDATE는 :

당신의 바이올린에 당신이 jQuery를 스크립트 파일을 놓치고있는 것 같다.

here