- <div>
- <button ng-repeat="t in deptName" class="deptDiv"
- ng-class="{'deptDivOnclick':selected==t.name}"
- ng-click="showDeptEmps(t.name )">{{ t.name }}
- </button>
- </div>
2,angular 代码如下所示:
- $scope.showDeptEmps = function (dName) {
- $scope.selected = dName; // 设置点击按钮背景颜色
- };
其中:
$scope.deptName = [{name;"部门 1"},{name;"部门 2"},{name;"部门 3"},{name;"部门 4"}];
3,CSS 代码如下所示:
- .deptDiv {
- margin: 10px;
- width: 30%;
- font-size: 27px;
- background-color: #A1CF6D;
- color: white;
- padding-top: 10px;
- padding-bottom: 10px;
- padding-left: 20px;
- padding-right: 20px;
- }
- .deptDivOnclick {
- background-color: #008000;
- }
来源: http://www.jb51.net/article/148274.htm