在AngularJS中單擊更改div背景顏色

Question

我正在使用AngularJS在我的網頁中創建選項卡。 單擊（選中）選項卡時，如何更改其背景顏色？

可以在以下位置找到用於此代碼的JSFiddle： http : //jsfiddle.net/x8xfM/2/例如，單擊tab1時，它變為紅色，單擊tab2時，tab1再次變黑，而tab2背景色變成紅色。

<div  ng-app ng-controller="sample" ng-init="tab=1">

        <div class="cb" ng-click="tab = 1">tab 1</div>
        <div class="cb" ng-click="tab = 2">tab 2</div>

        <div ng-show="tab == 1">
            <p>first</p>
         </div>

        <div ng-show="tab == 2">
            <p>second</p>
        </div>
</div>

.cb {    
    list-style: none;
    padding: 10px;
    display:inline-block;
    background-color: #000;  
    color: #FFF;
    border: 1px solid black;
    border-radius: 5px;
}
.cb:hover{
    background-color: #4a4a4a; 
    color: #FFF;
}

Answer 1

為了那些可能偶然從Google偶然發現的人的利益：

使用ng-class指令。 這是使用上述示例的jsfiddle： http : //jsfiddle.net/x8xfM/43/