Thank you for this video, was very useful. I have implemented the slider following your method and looks fantastic. Now I need to figurred out how to add the touch screen swaping funtionlatiy in native Angular... any sugestion?
Great video. I have a question. Here why are we passing the data from the parent to the child using the input. Can we just directly implement the slides array in the child component?
Yes, you totally can. But in case you want to handle input data in order to show or hide Carousel component then you need pass the data array from parent component. Child component can not hide itself.
Loved the tutorial was able to implement on my portfolio! I’m trying to make adjustments for mobile, but since we are passing parentWidth as a prop I can’t adjust it. What’s the best approach? Are Media queries able to be written inline in React? Thanks!
@@MonsterlessonsAcademy okay I will look further into it. I was just struggling to solve it since we have a few functions that are calling the passed parentWidth prop. I will keep working at it. Thanks for the response, love your tutorials! 🙌🏽
Your stream will be rerendered only when value of the stream changes. function is executed every time Angular change detection runs. Stream is always better controlled and more easier to tune to be fast.
@@MonsterlessonsAcademy I was asking about using subject/behaviourSubject as currentIndex. And goToNext function, implemented as behaviourSubject.next(previousValue + 1) and async pipe to behaviourSubject in template, to display changes. Is this implementation any improvement compared to style binding?
I don't have a follow up with transitions for angular but I did that for React. ua-cam.com/video/hUTwhn4BIyM/v-deo.htmlsi=4AAWmyOdeKJHzHrJ The code is obviosly for React but animations and autoscrolling is done there
Hi, Thanks for this Video. I have this problem "core.mjs:7635 ERROR TypeError: Cannot read properties of undefined (reading 'url') at CarouselComponent.getCurrentUrl (carousel.component.ts:18:51)". Can you please tell me how to fix it?
WATCH NEXT: Angular with NgRx - Building Angular Project From Scratch - ua-cam.com/video/vcfZ0EQpYTA/v-deo.htmlsi=BptT7eqgflHIoQiQ
was cracking my head to implement carousel in angular. After seeing this, I was able to implement it easily. Thank you !
Glad it helped!
thank you, keep making videos on angular you are good at it
Thanks, will do!
Thanks man, simple & clear, it really helped me out!!
Glad it helped!
this is so useful, thanks
You are welcome!
Nice video thx man
Glad you liked it
simple and clear, thanks!!
Glad it helped!
thank you, this helped me a lot!
Glad to hear that!
Thank you for this video, was very useful. I have implemented the slider following your method and looks fantastic. Now I need to figurred out how to add the touch screen swaping funtionlatiy in native Angular... any sugestion?
Glad it was helpful! Can't recommend anything as I didn't implement that.
@@MonsterlessonsAcademy I found a solution with hammer js... thank you again.
Thanks simple and clear.
How can we set this slider to be multi-image, that is, to pass 2 & 3 images at the same time?
Thank you!
You're welcome!
I did evertyhing as in the video and the carousel doesnt display, theres only like in a column 2 arros and 5 dots like a , any help pls?
There is a source code in the description.
@@MonsterlessonsAcademy I know, copied everything into mine and this happens
thx man , teach how to add css animations when each slide is changed
I did that in Angular slider. You can look at the code and do similar things
ua-cam.com/video/hUTwhn4BIyM/v-deo.htmlsi=AWwPenf5UTDd7hYH
Great video. I have a question. Here why are we passing the data from the parent to the child using the input. Can we just directly implement the slides array in the child component?
Sure!
Yes, you totally can. But in case you want to handle input data in order to show or hide Carousel component then you need pass the data array from parent component. Child component can not hide itself.
Loved the tutorial was able to implement on my portfolio! I’m trying to make adjustments for mobile, but since we are passing parentWidth as a prop I can’t adjust it. What’s the best approach? Are Media queries able to be written inline in React? Thanks!
You can write all styles not inline but in additional file then in css.
@@MonsterlessonsAcademy okay I will look further into it. I was just struggling to solve it since we have a few functions that are calling the passed parentWidth prop. I will keep working at it. Thanks for the response, love your tutorials! 🙌🏽
hello,
very good video!
would have some version of how to put pagination ?! (ex: dots under the image)
Did you watch a video? We build there dots under the image.
@@MonsterlessonsAcademy oh sorry hahahah thx so much !
Is there any adventages or disadvantages, if we implement background image with Observable, instead of style binding?
Your stream will be rerendered only when value of the stream changes. function is executed every time Angular change detection runs.
Stream is always better controlled and more easier to tune to be fast.
@@MonsterlessonsAcademy I was asking about using subject/behaviourSubject as currentIndex. And goToNext function, implemented as behaviourSubject.next(previousValue + 1) and async pipe to behaviourSubject in template, to display changes. Is this implementation any improvement compared to style binding?
how to add transition or animation to this slider ?
I don't have a follow up with transitions for angular but I did that for React.
ua-cam.com/video/hUTwhn4BIyM/v-deo.htmlsi=4AAWmyOdeKJHzHrJ
The code is obviosly for React but animations and autoscrolling is done there
Great tutorial. Do you have any of your courses in Udemy?
Sure. www.udemy.com/user/ejiqpep/
Is it possible to add multiple items in a single view?
Everything is possible if you implement it :)
How do you make the slides autoplay?
You can look on the follow up of react tutorial. The code is obviously different but the ideas are the same.
ua-cam.com/video/jmNHcW_oszg/v-deo.html
What code editor do you use?
It's Vim. Here is my video about it. ua-cam.com/video/YrLiugDhCuk/v-deo.html
@@MonsterlessonsAcademy great! I love VIM!
This isn't angular way, you need to use rxjs
cool, but could you use notepad++ for clearer navigation?)))))
No thanks
Hi, Thanks for this Video. I have this problem "core.mjs:7635 ERROR TypeError: Cannot read properties of undefined (reading 'url')
at CarouselComponent.getCurrentUrl (carousel.component.ts:18:51)". Can you please tell me how to fix it?
the object where you read url is undefined. console.log your object.
Thank you so much! It helped a lot!
Glad to hear that!