新聞中心
怎么在Angularjs中中利用指令綁定點(diǎn)擊事件?相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。
成都網(wǎng)站建設(shè)公司更懂你!成都創(chuàng)新互聯(lián)只做搜索引擎喜歡的網(wǎng)站!成都網(wǎng)站制作前臺(tái)采用搜索引擎認(rèn)可的DIV+CSS架構(gòu),全站HTML靜態(tài),HTML5+CSS3網(wǎng)站,提供:網(wǎng)站建設(shè),微信開發(fā),小程序開發(fā),商城網(wǎng)站開發(fā),APP應(yīng)用開發(fā),域名與空間,服務(wù)器租售,網(wǎng)站代托管運(yùn)營,微信公眾號(hào)代托管運(yùn)營。
html
Jquery給第一級(jí)a鏈接綁定事件代碼像:
$(function(){ $("#main-menu li a").click(function(e){ if ($(this).next().hasClass('sub-menu') === false) { return; } console.log("click"); }); });
因?yàn)槲抑翱催^文檔說,Angularjs的Controller不處理Dom的操作,所以一直在找方法怎么處理和jQuery 一樣綁定a的點(diǎn)擊事件,在看了jQuery not working with ng-repeat results之后,原來可以將所有鏈接的單擊事件,放在一個(gè)指令中。如果在Controller中綁定了ng-click,并操作了Dom元素,就不太規(guī)范了,使用指令會(huì)好一些。
html
javascript:
.directive("toggleMainMenu", function() { return { restrict: "A", link: function(scope, elem, attrs) { $(elem).click(function() { if($(this).next().hasClass('sub-menu') === false) { return; } console.log("click"); }); } } });
看完上述內(nèi)容,你們掌握怎么在Angularjs中中利用指令綁定點(diǎn)擊事件的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
當(dāng)前文章:怎么在Angularjs中中利用指令綁定點(diǎn)擊事件
文章URL:http://fisionsoft.com.cn/article/ieoioc.html