var selectJson = {
"background-color": "#FF0000", /* Green */
"border": "none",
"color": "white",
"padding": "15px 32px",
"text-align": "center",
"text-decoration": "none",
"display": "inline-block",
"font-size": "16px",
"margin": "4px 2px",
"cursor": "pointer"
};
var unselectJson = {
"background-color": "#E5E5E5", /* Green */
"border": "none",
"color": "black",
"padding": "15px 32px",
"text-align": "center",
"text-decoration": "none",
"display": "inline-block",
"font-size": "16px",
"margin": "4px 2px",
"cursor": "pointer"
};
var myApp1 = angular.module('myApp1', []);
myApp1.controller('myCtrl', function ($scope) {
$scope.select = false;
$scope.nameStyle = unselectJson;
$scope.click = function (x) {
$scope.select = !$scope.select;
if ($scope.select) {
betPush(x);
$scope.nameStyle = selectJson;
}
else {
$scope.nameStyle = unselectJson;
}
};
});
var myValueApp = angular.module('myValueApp', []);
myValueApp.controller('valueCtrl', function ($scope) {
$scope.valueGroup=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
$scope.select = false;
$scope.contents = [
unselectJson, unselectJson, unselectJson, unselectJson, unselectJson, unselectJson, unselectJson, unselectJson,
unselectJson, unselectJson, unselectJson, unselectJson, unselectJson, unselectJson, unselectJson, unselectJson
]
$scope.clickValue = function (x) {
$scope.select = !$scope.select;
let index = x - 1;
console.log(x);
if ($scope.select) {
$scope.contents[index] = selectJson;
betPush(x);
}
else {
$scope.contents[index] = unselectJson;
}
};
});
angular.module('myApp', ['myApp1', 'myValueApp']);
var m_arrBet = new Array();
function betPush(name) {
m_arrBet.push(name);
console.log(m_arrBet);
}
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<script src="angular.min.js"></script>
<script src="value.js"></script>
</head>
<body ng-app="myApp">
<div ng-init="names=['举例']" ng-controller="myCtrl" >
<button ng-style="nameStyle" ng-click="click(x)" ng-repeat="x in names">{{x}}</button>
</div>
<br />
<br />
<br />
<div ng-controller="valueCtrl" >
<button ng-model="x" ng-style="contents[$index]" id="btn{{$index}}" ng-click="clickValue(x)" ng-repeat="x in valueGroup">{{x}}</button>
</div>
</body>
</html>