2017-10-10 4 views
0

ボタンをクリックしてリストをフィルタリングする機能を使用しています。ボタンを一度クリックしてフィルタリングされたリストを表示すると、ボタンの色を変更する必要があります。私はng-clickによって呼び出されるのと同じ関数の中でこれを行う必要があります。別のCSSファイルを使用せずにどうすればいいですか?同じボタンを使用してangualr js関数内のボタンの色を変更するにはどうすればよいですか?

+0

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

+0

これは、2つのボタンを使用しています。しかし、私は同じボタンの色を変更したい – 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

私は同じボタンを使用してそれをしたい2つの異なる武道 – user3724599

+0

ここで私は単一のボタンをクリックして説明した。しかし、私はあなたの理解のための2つの例を示した – vinothini

関連する問題