ngStyle Directive in Angular | Directives | Angular 12+

In this lecture, you will learn about ngStyle directive in angular and its use. ngStyle is an attribute directive, that means, it changes the look and behaviour of an HTML element on which we use it. Unlike structural directive, it does not manipulate the DOM.

ngStyle directive is used to add a CSS style dynamically to a webpage element based on a given condition. Let's learn about ngStyle directive with some practicle examples.

[samsonloyshock]

Here from Tanzania Africa, thank you sir, made me understand clearly angular, keep it up sir

[milanranpara]

You explain in the great way and it becomes very easy to understand! You are the best, thank you Sir!

[monayemhossain]

Well explained. Love from Bangladesh..

[ravindrareddyk]

Why You could not used the Angular material for the table creation ?

[siriuseneegy]

please share the source code for each video, it will be very helpful

[AkiZukiLenn]

Life safer, on stack overflow its a long answer including jquery what not.

[amalnv]

ngstyle directive is not recognised by angular even after adding browser module in app module ts file. How to resolve it?

[lqw]

Is there a way to not use "?:"? Instead, is there a if/else command?

[rizqyfahmi]

Hi Sir,
It becomes interesting when we use [style] instead of [ngStyle] to set the text color based on the product available. [style] can do as [ngStyle] does; what's the difference between them?

[AGUNGKAYA]

Sir, very good content. Btw, I want to change the html element to be bold based in this text: "I want to change [the World] because I [like] it."
How to change the word inside the bracket "[ ]" to be bold? And the bracket itself not printed.

[mcasy]

Can you please share the source code for this ?

[mohiburrahman]

pls share your products html code pls. you are so kind!!!