angular选择器功能

1.$event对象
 
 $event对象其实就是潜在的jQuery事件对象,通过$event.currentTarget获取当前元素通过$event.target获取当前元素的子元素
例如:
 
<li ng-click="getApplicationListByType(1,$event)"><a>医疗健康</a></li>
//根据类型获取服务列表
$scope.getServiceListByType = function(item,e){
    console.log("$event:",e);
    console.log("$event.target:",e.target); //子元素
    console.log("$event.currentTarget:", e.currentTarget); //当前元素
}

输出如下:

 
 
2. $event和angular.element实现jquery选择器功能
 
//根据类型获取服务列表
$scope.getServiceListByType = function(item,e){
  var obj = e.currentTarget;  //当前元素
  angular.element(obj).addClass('active');
  var childObj = e.target;   //子元素元素
  angular.element(childObj).addClass('');

}

 

3. Angular.element

 

Angular's jqLite

jqLite provides only the following jQuery methods:

 

posted @ 2016-03-18 17:35  蓝之矾  阅读(1792)  评论(0编辑  收藏  举报