Angular Tutorial - 9 - Event Binding

[@uppuuppu1]

Your are one of the best example how India is growing in every aspect. Great voice and nice explanation. Thank you.

[@250-vishalb3]

If the event concept (which start at 2:57) dosen't work then pass 'event : any' in onclick method as parameter then it will work. This error is due to version variations.

[@naveedsiddiqui6697]

Thank you mate.

[@피누-s6k]

Thank You

[@udaykeerthi515]

Yes I did the same too.. but In console it is showing that it is 'pointer event' not mouse event. why?

[@saiprakash5096]

@@udaykeerthi515 Same doubt

[@vishwanathdande8178]

thanku anna , i tried too many times but it was showing error . you solution helped me alot

[@Xenon77x]

this quarantine i moved from java to javascript to jquery to react to vue to angular AND COVERED ALL UR TUTS

[@munishthakur8018]

Lol, what's your current tech stack?

[@Xenon77x]

@@munishthakur8018 I have used mean mern, but my fav is Angular with reactive spring boot and mongodb

[@Xenon77x]

@@munishthakur8018 since that coment is 7 months old, I learnt express, nest, laravel ... will learn django next year

[@munishthakur8018]

@@Xenon77x Supersonic man! So currently working somewhere or still a student?

[@Xenon77x]

@@munishthakur8018 I was working as intern in local company in toronto, just finished in oct (4 months). unfortunately, now looking for another job 😢

[@sudarshanrbhat7686]

Love the way u explain, and the amount of topic covered. Great job! Keep going!

[@sylvaing4866]

Your English is so perfect for me, I understand all! (i'm french)

[@akiladilan3560]

absolutely yes Sylvain G I'm sri Lanakn guy,but which tutorial understood everything clearly.

[@nasrallahal-shaer8397]

Agree, I'm Arabian guy and I fully understand it :D

[@jackbrown15]

me too, i speak spanish

[@EoLienFive]

Its understand for me to, I speak Russian

[@simpleway2022]

I'm from Argentina and it's 100% clear

[@urieskenasy3610]

very good content, much better than most paid & free tutorials, thank you !

[@shritampattanayak5999]

Thanks so much ..sir..Ur way of teaching...ur depth of knowledge and ur pronunciation is just awesome..sir...It's makes my life easy.....GOD bless u sir..Long live

[@inayathkhan100]

Angular Training 'You are the BEST' 👍

[@nikhilnagdev641]

Great work bro. You are a very good teacher

[@alokrai6762]

One of the best angular video.

[@ketanvaidya3916]

Nice tutorials simple,easy and clear explanations really usefull

[@amitbhardwaj3229]

Nice explanation Bro...Love to watch and easily adoptable too.. Thank You So Much !

[@noureddineettalhi9825]

Bravo, excellent courses..

[@fahimkhan-bv8tn]

thanks vishwas for the series

[@khalidtubail]

really thanks a lot for your clear explanation,, with my best respect.

[@ct215]

Awsome explanation and examples

[@nitinbobbasani3665]

Good Explanation in chunks, it will be more helpful to have a Project App like Restaurant website with much interaction between components, directives, services all together. Thank you :)

[@narendrakanneti2966]

Tqs for updating series with respect to version change...

[@hardikraval7773]

Great work!

[@salahalsamarraaee650]

thanks a lot sir you are my hero

[@yoengvisal9984]

Thanks for your video.

[@jagi7976]

God tier content

[@venkateshchandragiri7106]

Excellent

[@md.ashfaqurrahmantahashin5031]

nice your description is cool

[@Invader-m4j]

Awesome tutorial

[@bonioctavianus2103]

Welcome to Codevolution

[@YadavPriyanka-q3s]

Click is also a pointer Event right ?, what is the difference between mouseEvent and pointerEvent

[@kshitijbhadoria8318]

superb man helpfull

[@vladimirsuslov4134]

Thank you so much. Awesome tutorial

[@IriesBorbon4815]

Thanks for this lesson.

[@Jositodnb]

welcome to codevolution

[@subratkumarbarik8896]

Perfect tutorial... Can you please include more examples...that will be a great help

[@ai.aspirations]

thanks Vishwas

[@marcodelpercio]

I have a few questions! I've noticed you declare "public" properties in the component class and yet the method for the event handler "onClick" had no modifier in front of it. Does it make it public? What scope is that? Are private methods & properties visible in the template? Are public properties visible in other components? Also a different question. What events are available apart from "(click)"? May I assume all the JavaScript events I already know are already available? Are there other new events I should be aware of? Many thanks

[@ajithlakshmanan5208]

Hi even handling $ not working Error on below onClick($event) Can you help this out and I got same issue while $0.getattribute value as Ur previous tutorial

[@chetasborse8918]

Try onClick(event: any) {} in component.ts

[@meghanachandar961]

Same thing happened wrt me

[@someswarjulakanti4625]

Love the way you explain. But is the content outdated? If so pls update if possible....

[@vladbrincoveanu]

thnakies

[@mohankrishna8276]

Very nice

[@ak6513]

when to use interpolation versus direct property value. I am confused on this

[@oliverdjbrown]

Interpolation: when you want to show values as strings, property value: when you want dynamically bind, values or attributes, God bless you

[@amitbhardwaj3229]

it would be great help if any text version of your explanation available .if possible *** ..Thanks Sir

[@benb6813]

thank you so much

[@arhamshahyd6449]

Everything perfect.

[@arunbharathi1538]

If I used table inside a card...how to remove whitespace between them??... please help

[@manasad6655]

Hi, I have two doubts in this tutorial. 1. When i created 2 buttons and passed greeting text to buttons one from event, other from html itself. Then both texts displayed near first button only. "Click" and "Welcome" . Ideally one text "Click" text should appear in first button and "Welcome" text should appear beside second button right. 2. When i tried to create 3 buttons and passing onClick() method, without arguments i.e. onClick($event), i am getting "Error: TS2393 Duplicate function implemation ".Could you please answer my questions.

[@ferozkhankhan8036]

I am getting error as arameter 'value' implicitly has an 'any' type.

[@mahermaqboli5719]

add any to the evevt like this : onClick(event:any)

[@namanp05]

@@mahermaqboli5719 thanks a lot

[@shashankpandey1966]

You are Indian...I like your accent.

[@manjeetsingh4356]

I used (input type=text) jQuery datepicker but the angular doesn't bind, struggling to find a solution. Plz help

[@suvendubiswal6820]

I want to bind img tag from database server

[@yt1234567100]

thanks..

[@WilcoGroothand]

I tried this in FireFox, there I got a click event instead of a Mouse event. Is this a case of Welcome to web development? (differences between browsers)

[@tfierens]

It must be browser specific. I've just tried it in Firefox and I get a click event. In MS Edge, I get a PointerEvent and in Chrome I get MouseEvent.

[@voalcalisticTanmay]

I hope the properties for that event matters more than the event name shown in the browser else it's same for JS running in V8 for that specific browser i.e click which seems to be working and so you get the console log. Every browser should be supporting the same properties for a particular event, if that is mismatching then there is something to worry about. And there is always MDN to help you out. :)

[@bruhaspati560]

cant display the event info :- console says undefined

[@benb6813]

maybe you didnt put money $ front of the event word

[@tonmathew3812]

event binding is that bind data from DOM to component eg; (click)="demofunction()"

[@PraveenKumar-jg1ij]

keep get [WDS] Disconnected!

[@chicagoboy279]

how to initialize the function without a button

[@songlee8456]

5 🌟

[@kathiravant1668]

expecting soon service tutorial

[@amruthalnor8693]

sir you are Indian?

[@snehkulkarni5783]

how to bind event on dynamically created element ? event.originalTarget.parentNode.innerHTML += ' submit comment ';

[@tramesh6]

Did you get the solution?

[@АристархЗловредович]

Пиздато объяснил спасибо !!