Merhaba arkadaşlar. Yaklaşık 2 gündür bir problem ile boğuşuyorum henüz çözebilmiş değilim. Bootstrap ile oluşturulmuş One Page bir tasarımım var. Bu tasarımı Angulara entegre ederken hiçbir problemle karşılaşmadım gayet güzel bir şekilde entegre edildi ve çalıştırdım. Fakat Jquery bazı noktalarda tam olarak çalışmıyor mesela Menüden bir butona tıklayınca problemsiz bir şekilde ilgili Div'e yönleniyor fakat div de OwlCarousel hiçbir şekilde çalışmıyor.

Öncelikle global styles.css içerisinde temanın diğer bütün css dosyalarını import ediyorum;


Angular.json içerisine scriptlerimi dahil ediyorum;


Hatasız bir şekilde çalıştırıyoruz ve bütün cssler yerli yerinde.



Projects e tıklanınca gayet başarılı bir şekilde kayarak aşağı doğru bir işlem sağlıyoruz. Bu kısımda OwlCarousel bulunuyor ve bunu Custom.js ' den tetikliyorum. OwlCarouseli tetiklediğim bloğu kontrol amaçlı Alert(); ile deniyorum, gayet başarılı bir şekilde alert çalışıyor. Ama OwlCarousel görüntülenmiyor.

Problem ne olabilir arkadaşlar?