Angular 9 Tutorial For Beginners #16 - NgClass

Thank you ..

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


<td [ngClass]="{'data-selected': rowClickId === data.trade_id}">{{data.obl_region}}</td>

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

Awsome

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

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')
<div [ngClass] = "{ clsName:true, clsName2:false }">
Learning ngClass with expression
</div>

Working
<div [ngClass] = "{ 'one':true , 'two':false }">
Learning ngClass with expression
</div>

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

Can we give ngClass and class like this
Ex <div class="one" [ngClass]='{'two': true}">
???

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

Nice video, thank you!

Thanks sir,

Hi bro send me mail id and no,I have doubt

Superb,

Sir i have a problem could you help me plz

very very good brother👌

Excellent tutorial.Hatsoff to you

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

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

You are the best teacher available on online platforms

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.

excelente....

Extremely difficult extremely important extremely puss

Thankyou Sridhar sir

Nice article.

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
<div [ngClass]='one'>Example Of ngClass</div>
- dynamic- from the component
<div [ngClass]='clsOne'>Example Of ngClass</div>
- array classes - to pass more than 1 class - we use an array
<div [ngClass]="[clsOne,clsTwo]">Example Of ngClass</div>
- ngClass with expressions to true or false
<div [ngClass]="{'one':false,'two':true}">Example Of ngClass</div>

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 !

useful topic..thanks

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