Как исправить '$', модальный бутстрап не определен?

Question

Я хочу использовать модал для всплывающих окон. Он показывает мне нг /// appmodule / appcomponent host.ngfactory.js sm эту страницу. (Которая пуста)

user.html

<div >
    <button data-toggle="modal" mat-raised-button="primary" (click)=display()>Display Student</button>
</div>
<app-display></app-display>

user.ts

declare var $:any;
(<any>$('#modal-display')).modal('show');

display.html

<div class="modal fade" id='modal-display'>
    <p>list works!</p>
</div>

Должно всплыть окно другого html. Но он показывает мне ошибку «$ не определен». И показывает эту пустую страницу ng /// appmodule / appcomponent host.ngfactory.js sm

Answer 1

Вероятно, проблема, с которой вы столкнулись, потому что вы не установили пакет jQuery в свое приложение. Запустите команду, чтобы установить это -

npm i jquery --save

PS: Не рекомендуется / не рекомендуется использовать jQuery с Angular, Есть много вариантов, таких как диалог Primeng, диалог Mat,ng-bootstrap Dialog и т. д. вы можете использовать любой из них.