===== Style Binding =====

<code javascript>
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-test-sb',
  template: `
  <h2>
    Welcome {{ name }}
  </h2>
  <h2 [style.color]="hasError ? 'red' : 'green'">Style Binding</h2>
  <h2 [style.color]="highlightColor">Style Binding</h2>

  <h2 [ngStyle]="titleStyle">Style Binding</h2>
  `,
  styleUrls: ['./test-sb.component.css']
})
export class TestSbComponent implements OnInit {

  public name = "Codevolution";

  public successClass = "text-success";
  public hasError = false;
  public isSpecial = true;
  public highlightColor = "orange";

  public titleStyle = {
    color: "blue",
    fontStyle: "italic"
  }
  constructor() { }

  ngOnInit() {
  }

}
</code>