ngStyle

Çalışma zamanında dinamik olarak stil dosyanıza etki etmenizi sağlar.

Bunun yanı sıra ngStyle attribure içerisinde verdiğmiz değişkenlerde olabilir aynen örnekte olduğu misal verirsek

@Component({
  selector: 'app-style-example',
  template: `
    

      ıngım.. zıkkım.. 
    
  `
})

export class ngStyleExample {

  border = '1px solid red’;

  style = {
    'color': 'red',
    'font-weight': 'bold',
    'borderBottom': this.border
  };

Bu şekilde json formatında verdiiğimiz css leri de o şekilde işlemimizi sağlar.
Şöyleki elimizde bir adet div olsun ve içerisinde ki elementin durumuna göre renklensin bu durumda yapmamız gerekenler,

 @Component({
  selector: 'app-style-example',
  template: `
	
 {{serverStatus}}
  `
})

şeklinde buradan bir metoda referans verebiliyoruz.

Ve daha sonra metodumda is

export class ngStyleExample {

getColor(){
This.serverStatus===‘online’ ? ‘green’ :’red’
}