第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在angularJS中如何讓bootstrap的按鈕組實(shí)現(xiàn)排他事件呢?

在angularJS中如何讓bootstrap的按鈕組實(shí)現(xiàn)排他事件呢?

白衣染霜花 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;    // ...}


查看完整回答
反對(duì) 回復(fù) 2018-11-01
  • 1 回答
  • 0 關(guān)注
  • 632 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)