Owl Carousel In Angular || Angular Owl Carousel || Angular || Angular Tutorial || Owl carousel || Js

[@sangminsilas4305]

Very comprehensive and sensational. Thank you. Keep bringing more❤❤👌

[@CreativeDeveloper]

Thanks

[@abbeygamekhel5884]

Thanks sir. Well explain. You make it easy to understand.

[@CreativeDeveloper]

Thanks

[@pravinkolambkar3595]

Great tutorial sir. Thank you. I u please copy paste source code in description it will be helpful.

[@malupe07]

Thanks so much!!!

[@CreativeDeveloper]

You are welcome

[@minhangquang1144]

very good and really meaningful to learn from this channel!

[@CreativeDeveloper]

Thanks

[@raziya_mehendi]

Owl carousel when I cut copied the code of policy inside the owlcarousel tag my images and the 25 Jun 26jun those tags evrything is not visible. It is like it has been overlapped by the above black bg of the above picture. When I remove the owl carousal it turns to normal . What is the issue ? Can u pls tell

[@0xredpill]

same problem here mate

[@ervinpacibe3764]

check the -170px. thats the problem

[@igboanuuchenna8498]

same problem please how can we fix it

[@pushpdev1902]

Is it responsive and it will support in Angular 17 or not?

[@CreativeDeveloper]

Same Package you can yse but version wise code may change and that you can check in that package.

[@pushpdev1902]

Ok

[@hossamomara869]

what 'll change if direction is rtl ?

[@YossefMagdy-n8z]

thank you
You are amazing ❤

[@CreativeDeveloper]

You are welcome

[@sandrastojanovic1849]

Great job!! Thank you, this is what I was looking for! Keep doing!

[@CreativeDeveloper]

Thanks

[@InSanE-404]

exellent video bro, ty

[@soumyaranjan6196]

You are amazing
It really helps

[@navneetkumar5812]

Sir, ng-template is not working. And after using ng-template all slides hide.

[@NIKHIL27B]

What is your angular verstion ? i was getting black in angular cli 12.0.0

[@CreativeDeveloper]

I forgot but I think 9 or 10

[@kudzanaigomera9778]

Thank you for a great tutorial

[@CreativeDeveloper]

You are welcome!

[@anirudhabhowmik]

Bring more videos

[@ramsankar585]

Thanks sir. Very well explained. ❤️
Can we add url of any image in navtext array?

[@CreativeDeveloper]

You can add

[@ramsankar585]

@@CreativeDeveloper thanks.
Is there any option to slide x number of images rather than 1 while click on next and prev buttons.
Not able to find them in documentation as well.

[@archanabhowmick9787]

Thanks. it is really helpful

[@angelgideon478]

Great Job✌️.. can u do a video on swiper js too?

[@CreativeDeveloper]

Ok bro

[@mohammadsadeghi681]

that's it! ... great job!! thank you.

[@CreativeDeveloper]

Thanks

[@CreativeDeveloper]

Thanks for watching

[@user-rp9iis1en6h]

Thanks. How can I cache this images in browser memory so that user dont need to pull large images from server after page refresh?

[@CreativeDeveloper]

You can use local storage. I made video on that.

[@user-rp9iis1en6h]

@@CreativeDeveloper localstorage supports only 2 MB. That's not sufficient. Is there any other alternatives ?

[@CreativeDeveloper]

@@user-rp9iis1en6h local storage 10 mb.

[@user-rp9iis1en6h]

@@CreativeDeveloper even 10 mb is not enough, right? So what's the standard way to cache images pulled from api response?

[@CreativeDeveloper]

@@user-rp9iis1en6h service worker

[@erismeirishidalgoreyes656]

Thank you. Very import it.

[@shivpuje555]

I'm using Angular 11version not working
When component loads it shows nothing, but when I resize browser it starts working fine.

[@CreativeDeveloper]

Did you write inside ngonit?

[@valentinesk1539]

This video my slider error solved love it

[@supriya_codes]

cannot we do auto ?

[@CreativeDeveloper]

We can

[@pradeepmahapatra5689]

How can we make it auto slides pls help

[@CreativeDeveloper]

Setinterval

[@159binny]

Source code ?

[@CreativeDeveloper]

That time didn’t upload source code but recent all videos source code you will get in description.

[@sgrlwatcher4804]

Getting Error
Error: node_modules/ngx-owl-carousel-o/lib/carousel/carousel-slide.directive.d.ts:37:105 - error TS2344: Type '{ id: { alias: "id"; required: false; }; dataMerge: { alias: "dataMerge"; required: false; }; width: { alias: "width"; required: false; }; dotContent: { alias: "dotContent"; required: false; }; dataHash: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'.
Property '"id"' is incompatible with index signature.
Type '{ alias: "id"; required: false; }' is not assignable to type 'string'.

[@CreativeDeveloper]

Change version

[@sgrlwatcher4804]

Is that an angular version issue?

[@CreativeDeveloper]

@@sgrlwatcher4804 Not exactly Angular version. I mean that carousel version not supporting may be. So either change Angular version or carousel version.

[@sgrlwatcher4804]

Thank you