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>