189 8069 5689

怎么在Angularjs中中利用指令绑定点击事件

怎么在Angularjs中中利用指令绑定点击事件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

成都网站建设公司更懂你!成都创新互联只做搜索引擎喜欢的网站!成都网站制作前台采用搜索引擎认可的DIV+CSS架构,全站HTML静态,HTML5+CSS3网站,提供:网站建设,微信开发,小程序开发商城网站开发APP应用开发,域名与空间,服务器租售,网站代托管运营,微信公众号代托管运营。

html


 
  Menu1
  
    --1
    --2
  
 
  
  Menu2
  
    --1
    --2
  
 

Jquery给第一级a链接绑定事件代码像:

$(function(){
 $("#main-menu li a").click(function(e){
   if ($(this).next().hasClass('sub-menu') === false) {
        return;
     }
     console.log("click");
 });
});

因为我之前看过文档说,Angularjs的Controller不处理Dom的操作,所以一直在找方法怎么处理和jQuery 一样绑定a的点击事件,在看了jQuery not working with ng-repeat results之后,原来可以将所有链接的单击事件,放在一个指令中。如果在Controller中绑定了ng-click,并操作了Dom元素,就不太规范了,使用指令会好一些。

html


 
  Menu1
  
    --1
    --2
  
 
  
  Menu2
  
    --1
    --2
  
 

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");
      });
    }
  }
});

看完上述内容,你们掌握怎么在Angularjs中中利用指令绑定点击事件的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


新闻名称:怎么在Angularjs中中利用指令绑定点击事件
网页路径:http://cdxtjz.cn/article/ieoioc.html

其他资讯