Angular2 ngClass, ngStyle

ngStyle

HTML element style을 업데이트한다.

<span [ngStyle]="{'font-size': '20px'}">Test</span>
<span [style.background-color]="colorFlag ? 'cyan' : 'grey'">Test</span>

ngClass

HTML element에 css class를 추가하거나 삭제한다.

<span [ngClass]="{'glyphicon glyphicon-play': isLoading === false, 'fa fa-spinner fa-spin': isLoading == true}">START</span> 
<span [ngClass]="(isLoading == true) ? 'fa fa-spinner fa-spin' : glyphicon glyphicon-play'">START</span>