白衣染霜花
2018-10-15 09:22:37
點(diǎn)擊不同的按鈕,則當(dāng)前按鈕的背景色發(fā)生改變,其他的按鈕變成白色,這樣的事件很容易實(shí)現(xiàn)的,但是放在angular中卻不起效,獲取不到類,請(qǐng)大神指點(diǎn)。代碼如下: <div class="btn-group"> <button type="button" class="btn btn-default btn-sty active" ng-click="load(1)">今日</button> <button type="button" class="btn btn-default btn-sty" ng-click="load(2)">昨日</button> <button type="button" class="btn btn-default btn-sty" ng-click="load(3)">本月</button> </div>JQ實(shí)現(xiàn)如下:$(function () { $(".btn-sty").click(function () { // console.log($(this),1) $(this).addClass('active').siblings().removeClass('active'); });})
1 回答

SMILET
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
ng-class來(lái)控制樣式
<button type="button" class="btn btn-default btn-sty" ng-class="{'active': index === 1}" ng-click="load(1)">今日</button>
<button type="button" class="btn btn-default btn-sty" ng-class="{'active': index === 2}" ng-click="load(2)">昨日</button>
<button type="button" class="btn btn-default btn-sty" ng-class="{'active': index === 3}" ng-click="load(3)">本月</button>
ctrl中
$scope.load = function(num) { $scope.index = num; // ...}
添加回答
舉報(bào)
0/150
提交
取消