Я использую Angular 6 для создания веб-приложения и использую Bootstrap 3 для своих стилей. Я не использую какие-либо специфические угловые фреймворки для Bootstrap, такие как UI Bootstrap или ng-bootstrap , у меня просто есть ссылки CDN на Bootstrap 3 в моем index.html.
Теперь я показываю модалы, и это здорово. Тем не менее, я хотел бы вызвать некоторый код, когда отображается каждый модальный.
На данный момент у меня есть следующий код в файле confirm.component.ts:
$('#confirmModal').on('shown.bs.modal', function() {
console.log('Modal is shown...');
});
Это прекрасно работает, оно выводится на консоль, когда отображается этот модальный режим. Однако, если я добавлю приведенный ниже код в мой файл app.component.ts, он не сработает при показе модального окна. Я надеялся, что app.component.ts станет глобальным компонентом для всего моего проекта.
$('.modal').on('shown.bs.modal', function() {
console.log('Modal is shown...');
});
То, чего я пытаюсь добиться, - это иметь один фрагмент кода, который запускается всякий раз, когда отображается любой модал. Я мог бы продублировать код, который использовал в своем первом примере, на каждый модал в моем веб-приложении, но в идеале я бы хотел этого избежать.
Кто-нибудь знает, возможно ли это в приложении Angular?