2017-10-10 55 views
0

我正在使用按鈕中的ng-click函數來過濾列表。當點擊一次並顯示過濾列表時,我需要更改按鈕的顏色。我需要在由ng-click調用的相同函數內部執行此操作。我怎麼做,而不使用單獨的CSS文件。如何使用相同的按鈕更改angualr js函數內的按鈕顏色?

+0

https://stackoverflow.com/questions/34414912/change-background-colour-of-button-when-clicked –

+0

它使用兩個按鈕。但我想改變同一個按鈕的顏色 – user3724599

回答

0

@ user3724599你的問題我的理解你想改變ng-click上的按鈕顏色。

這裏我附上了JsFiddle鏈接。在這裏我顯示2個按鈕。

  1. 一旦你點擊按鈕的顏色將會改變一次也不會恢復到默認的顏色

  2. 每次點擊它會變成默認和其他顏色。

https://jsfiddle.net/otLgasLe/

請檢查。請讓我知道這是回答你的問題。

<div ng-app="myApp" ng-controller="myCtrl"> 
<div ng-view=""> 
<button type="button" class="btn" ng-class="color ? 'btn-success' : ''" ng-click="btnClick()" >Success</button> 
    <button type="button" class="btn" ng-class="color2 ? 'btn-warning' : 'btn-success'" ng-click="btnclick2()">Alternate</button> 
</div> 
</div> 
+0

我想要使用同一個按鈕不使用兩個不同的按鈕 – user3724599

+0

這裏我只用單擊按鈕單擊按鈕進行解釋。但我爲你的理解展示了兩個例子 – vinothini