Angular2如何改變一個殘疾人按鈕

Question

我有這個按鈕

<button class="btn" [disabled]="true"> 
    <i class="fa fa-heart" aria-hidden="true"></i> Like 
</button> 

我希望它是綠色的顏色時禁用，但不知道該怎麼辦呢

Answer 1

組件

isDisabled: boolean = true; 

視圖

​​

CSS

.green { 
background-color: green; 
} 

另一種方式是添加ngStyle

Answer 2

用CSS [ngClass]指令

button:disabled { 
    background-color: green; 
} 

Answer 3

製作使用。

模板

<buttontype="submit" [disabled] = "!user.valid" [ngClass] = "{'my-color': !user.valid}">Submit</button> 

CSS

.my-color{ 
background-color: green; 
} 

或類似這樣你的上述條件

<buttontype="submit" [disabled] = "!user.valid" [ngClass] = "{'my-color': isDisabled}">Submit</button>