jquery - angularjs如何做出導(dǎo)航效果?
問題描述
angularjs的知識(shí)不是很深,英文也不會(huì),所以沒有啥中文API文檔可以查閱。目前遇見了一些問題。想用angularjs代替jQuery來實(shí)現(xiàn)一些常用的效果,但是發(fā)現(xiàn)不是思路不清楚就是自己不會(huì)。目前小弟有3個(gè)問題想詢問。
1,angularjs如何做出jQuery那么簡(jiǎn)單的導(dǎo)航效果?`$('.buy_color_btn>a,.buy_size_btn>a').click(function(e){
if($(e.target).hasClass('actives')){$(e.target).removeClass('actives'); }else{$(e.target).addClass(’actives’).siblings(’.actives’).removeClass(’actives’); }})
這個(gè)代碼懂jQuery的人一定都知道是一個(gè)導(dǎo)航效果,點(diǎn)擊后,給上一個(gè)class,其他同級(jí)的標(biāo)簽去掉這個(gè)class,點(diǎn)擊的那個(gè)如果自己帶有class的話也會(huì)取消。這個(gè)angularjs該怎么實(shí)現(xiàn)呢?`
angularjs的知識(shí)不是很深,英文也不會(huì),所以沒有啥中文API文檔可以查閱。目前遇見了一些問題。想用angularjs代替jQuery來實(shí)現(xiàn)一些常用的效果,但是發(fā)現(xiàn)不是思路不清楚就是自己不會(huì)。目前小弟有3個(gè)問題想詢問。
1,angularjs如何做出jQuery那么簡(jiǎn)單的導(dǎo)航效果?$('.buy_color_btn>a,.buy_size_btn>a').click(function(e){ if($(e.target).hasClass('actives')){
$(e.target).removeClass('actives');
}else{
$(e.target).addClass(’actives’).siblings(’.actives’).removeClass(’actives’); } })
復(fù)制代碼這個(gè)代碼懂jQuery的人一定都知道是一個(gè)導(dǎo)航效果,點(diǎn)擊后,給上一個(gè)class,其他同級(jí)的標(biāo)簽去掉這個(gè)class,點(diǎn)擊的那個(gè)如果自己帶有class的話也會(huì)取消。這個(gè)angularjs該怎么實(shí)現(xiàn)呢?
2,angularjs目前有沒中文文檔?小弟英文爛的離譜。。
3,基于第一個(gè)問題,我用ng-repeat動(dòng)態(tài)的循環(huán)出一個(gè)導(dǎo)航后,發(fā)現(xiàn)我原來的jQuery點(diǎn)擊事件失效了,ng-repeat會(huì)阻止jQuery的事件嗎?應(yīng)該不可能吧?代碼截圖了。大概問題是,如果我是靜態(tài)的標(biāo)簽jQuery的事件就會(huì)生效,一旦我用ng-repeat動(dòng)態(tài)循環(huán)出來后,我發(fā)現(xiàn)jQuery就失效了。。
問題解答
回答1:去https://github.com/angular/angular.js下一份angular的代碼。代碼里面雖然也是英文,但是有例子,對(duì)于深入學(xué)習(xí)很有幫助。
相關(guān)文章:
1. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?2. sql語句 - mysql中關(guān)聯(lián)表查詢問題3. javascript - iframe 為什么加載網(wǎng)頁(yè)的時(shí)候滾動(dòng)條這樣顯示?4. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風(fēng)格檢查怎么辦。。。5. javascript - [js]為什么畫布里不出現(xiàn)圖片呢?在線等6. javascript - 有什么比較好的網(wǎng)頁(yè)版shell前端組件?7. javascript - 求解答:實(shí)例對(duì)象調(diào)用constructor,此時(shí)constructor內(nèi)的this的指向?8. javascript - 如何將一個(gè)div始終固定在某個(gè)位置;無論屏幕和分辨率怎么變化;div位置始終不變9. css - chrome下a標(biāo)簽嵌套img 顯示會(huì)多個(gè)小箭頭?10. html - vue項(xiàng)目中用到了elementUI問題
