In this video we have seen How to do style binding in angular, different ways to do style binding. Style binding is very similar to class binding in angular We can do in five different way
1. we can add in normal way using style attribute of element
2. we can use angular property binding [class]="variableName" to add style in angular
3. we can add or remove style dynamically in angular using ternary operator [style.color]="isTrue?'red':'green'", if variable value is true then red color will be applied to element otherwise not
4. we can also add or remove group of class in angular using [ngStyle]="styleObject" object key will be css style property and the value of object property will be value,

Watch this video till the very end and get to know more about style binding

-----------------------------------------

Angular 8 2020 | Introduction to Angular
   • Angular 8 2020 |  Introduction to Ang...  
Angular 8 2020 | Angular Project Setup #2
   • Angular 8 2020 | Angular Project Setu...  
Angular 8 2020 | Workspace vs File Structure of Angular #3
   • Angular 8 2020 | Workspace vs File St...  
Angular 8 2020 | Single Page Application vs Multi page Application #4
   • Angular 8 2020 | Single Page Applicat...  
Angular 8 2020 | Complete architecture Overview #5
   • Angular 8 2020 | Complete architectur...  
Angular 8 2020 | What is Component in Angular Application #6
   • Angular 8 2020 | What is Component in...  
Angular 8 2020 | Interpolation #7
   • Angular 8 2020 | Interpolation #7  
Angular 8 2020 | Property binding #8
   • Angular 8 2020 | Property binding #8  
Angular 8 - tutorial | Class Binding #9
   • Angular 8 - tutorial | Class Binding #9  

#angular #style_binding