私は2つのHTMLボタンを使用しています、角度およびMVC開発者のボタンのクリック時にボタンの背景色を変更する方法は？
を物乞いしています、私はボタン1クリックすると、デフォルトの背景色は「赤」、 は、その変化の背景色がボタン1に「グリーン」ですとbutton2をその "青'。
あなたは結果を見ることがスニペット内のコードを実行することができ、コードによってここ、
<button id="outer" style="background-color:red">BUTTON1</button>
<button class="btn-5" id="outer" style="background-color:red">BUTTON2</button>
私たちがすることができ、簡単な使用NG-クラス
<button id="outer" style="background-color:red" ng-class="{background-color:green:changebgColor}" ng-click="changebgColor=!changebgColor">BUTTON1</button>
<button class="btn-5" id="outer" style="background-color:red" ng-class="{background-color:blue:changebgColor}">BUTTON2</button>
。
var app = angular.module("app",[]);
app.controller("con",function($scope){
$scope.class1 = "red";
$scope.class2 = "red";
$scope.changeClass = function(){
$scope.class1 = "green";
$scope.class2 = "blue";
};
});.green{
background-color:green;
}
.blue{
background-color:blue;
}
.red{
background-color:red;
}<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-controller="con">
<button id="outer" ng-class="class1" ng-click="changeClass()">BUTTON1</button>
<button id="outer" ng-class="class2" ng-click="changeClass()">BUTTON2</button>
</body>
予想される出力とは何ですか？ –
https://codepen.io/hbuchel/pen/xtbzc checkthis ngクラス –
私の出力は、私はbutton1をクリックすると、それは変更されますbutton1背景色 '緑'同時に、ボタン2その '青' – User