JQuery не работает?Как написать повторно используемый jQuery в angular 7

Question

Я работаю на веб-сайте, который использует jQuery, а затем использую карусель OWL.

Когда я включаю .js файл в угловом формате, чтобы инициировать карусель совы, он работает нормально, но когда я перехожу на другой маршрут, он останавливаетсяработает.

Я хочу выполнить один и тот же код jquery для каждого компонента.Я уже использую ngOnInit, который выдает ошибку owl (), не найденную.

ngAfterViewInit ничего не происходит.

Вопрос в том, как написать код, который мы можем использовать на каждой странице угловогоприложение?

код, который я пишу в ngOnInit или ngAfterViewInit

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    responsiveClass:true,
    loop: true,
    responsive:{
        0:{
            items:1,
            nav:true
        },
        600:{
            items:3,
            nav:true
        },
        1000:{
            items:4,
            nav:true,
        }
    }
});

, если я поместил приведенный выше код в любой файл js и включил после выполнения jquery и owl, он будет работать только один раз