Fehler erhalten $ (...). Modal ist keine Funktion in angularjs nach dem Upgrade von bootstrap 3.3.6 auf 4.0.0

Question

Nach dem Upgrade der Bootstrap in meiner Anwendung von 3.3.6 auf 4 habe ich Fehler Fehler $ (. ..) modal ist keine Funktion, die früher (modal) funktionierte. Fehler

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 

Ich benutze angular js. Wenn es einen Erfolg, einen Fehler oder irgendeine Information gibt, benutze ich modal. Ich habe versucht, das Problem mit der Geige zu replizieren.

Ich habe gerade angefangen, an eckigen zu arbeiten, also bin ich nicht sicher, wie man repariert.

Fiddle Link

In vielen Post recherchiert ich es vorgeschlagen wurde, Änderungen an CSS

.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; 
} 

Auch viele Link zu machen vorgeschlagen wie here verwenden noConflict. Ich bin nicht sicher, wie kein Konflikt mit AngularJS

arbeiten Sie vorschlagen, was ich tun kann, um das Problem erwähnt zu beheben

Answer 1

Eine Lösung in ihrem GitHub repo wir dies in Ihrem HTML zu setzen:

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

Möglicherweise müssen Sie auch ViewEncapsulation in app.component.ts deaktivieren.

Siehe "Deaktivieren von CSS Encapsulation" here für wie es geht.

UPDATE:

Es scheint, dass Sie in Ihrer Geige die jQuery-Script-Datei sind vermisst. Ich fügte hinzu, dass in dir und jetzt funktioniert es:

here