Angular 9 Tutorial For Beginners #16 - NgClass

[@shishirdkm]

You are the best teacher available on online platforms

[@ARCTutorials]

Wow...Thank you so much Shishir for your kind words

[@pavankumar-hd8lv]

Excellent tutorial.Hatsoff to you

[@ARCTutorials]

Thanks Pavan. Thank you so much

[@vaishaliramasamy8232]

Superb,

[@ARCTutorials]

Thank you! Cheers!

[@ousmanefofana4495]

Awsome

[@ARCTutorials]

Thanks Fofana!!

[@sreenuksr]

notes of this session
- ngClass is is directive which is used to set the class name for DOM elements
- [ngClass]=""
- Examples:
- simple using static class name
Example Of ngClass
- dynamic- from the component
Example Of ngClass
- array classes - to pass more than 1 class - we use an array
Example Of ngClass
- ngClass with expressions to true or false
Example Of ngClass

[@ARCTutorials]

Thanks Sreenivas for sharing the notes. Ur amazing!!!

[@karnkumar4313]

please increase volume a bit,

[@Lost1nTranslation]

Nice video, thank you!

[@ARCTutorials]

Glad you liked it!

[@MomLifeJournal]

Thank you ..

[@ARCTutorials]

You are most welcome 🙏

[@adapass]

Nice article.

[@ARCTutorials]

Glad you liked the videos 👍

[@amannavasap2298]

The notes are really helpful...helped a lot!!!

[@gowrinath2254]

Thanks sir,

[@ARCTutorials]

Most welcome

[@EzeWaffle]

Hi,
I started following your tutorial a week ago and it's really nice !
I've started typing my own notes (roughly the same thing as you), but lost the file.
Is there any way you could share the notes file you've been writing during these videos somewhere so we could keep it as a cheatsheet ?
Thanks for everything and keep up the good work !

[@ARCTutorials]

Sure. Im in process to move all notes into a common repo. I will share my notes to all. Thanks fot watching. Regards Sridhar

[@mp-fg2zw]

useful topic..thanks

[@ARCTutorials]

Thank you so much mp🙏

[@rajutalari9420]

very very good brother👌

[@ARCTutorials]

Thank you so much 😀

[@salluridilip3802]

Thank you so much sir lots of tutorials I searched in you Tube. But I am satisfied and I am able to understand it thank you so much

[@josbexerr5166]

Excelente gran maestro....gracias saludos desde los andes peruanos

[@ARCTutorials]

Thank you so much for your kind words

[@josbexerr5166]

excelente....

[@ARCTutorials]

Thanks buddy!!!

[@SaiKumar-jm9ww]

Hi Sir, What is the use of ngStyle or ngClass When we have component.css to style?

[@srikanthambaldhage2268]

Thankyou Sridhar sir

[@ARCTutorials]

Your are welcome Srikanth. Regards Sridhar

[@puttypg8264]

Could u please show us how work on stories by using angular

[@ARCTutorials]

Hi Buddy. Please write to me at [e-mail]

[@artisticallyfoodie]

What is the difference between Ngclass and NgStyle. I think both are giving same feature?

[@ARCTutorials]

When we use ngstyle - we set individual style attributes. Good only when we want to set/update only few attributes. Ngclass when you have bunch of attributes in one go

[@coolaman49]

Can we give ngClass and class like this
Ex

[@ponvarshini9621]

Hi bro, How to change div color by using ngClass with Boolean condition based on particular url page. Can u help me to perform the above task in html and typescript.

[@ARCTutorials]

Hi Varshini. Here’s exactly what ur looking for. ruclips.net/video/9zAbM1EUbRE/видео.html

[@mithileshpandey9885]

How to Access/Use/ Call Stored Procedure in Entity Framework Core 3.1 using Database First Approach C# ?.........

[@shivamagarwal4520]

Hi,
I tried ngClass expression with dynamic parameters, but it is not working.
Not Working (No css is applied, just simple text is shown clsName='one', clsName='two')
Learning ngClass with expression
Working
Learning ngClass with expression

[@CodeWithJamil786]

Sir i have a problem could you help me plz

[@ARCTutorials]

Hi jamil. Yes please tell me whats the problem?

[@CodeWithJamil786]

@@ARCTutorials I have solved the problem thank u so much sir

[@kishoredeshpande3948]

Hi, currently I'm using ngClass to highlight the table row when a row is clicked.
now if I click the same row I want to remove the ngClass applied, i.e. remove highlighting on row
Pls help me out with this
{{data.obl_region}}