Angular ngClass ngStyle 用法

ngClass

將css定義的樣式，符合邏輯條件時套用。例如我在css定義了special這個樣式：.special { color: yellow;}

在html檔案套用，當condition成立時，special這個class才會被套用到該

標籤。

<p [ngClass]="{special: condition}">Test</p>

ngStyle

在html行內使用條件式來套用樣式，當condition成立，color為黃色，若不成立則為黑色。

<p [ngStyle]={color: condition ? 'yellow' : 'black'}>