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: addClass() after() append() attr() - Does not support functions as parameters bind() - Does not support namespaces, selectors or eventData children() - Does not support selectors clone() contents() css() - Only retrieves inline-styles, does not call getComputedStyle() data() detach() empty() eq() find() - Limited to lookups by tag name hasClass() html() next() - Does not support selectors on() - Does not support namespaces, selectors or eventData off() - Does not support namespaces or selectors one() - Does not support namespaces or selectors parent() - Does not support selectors prepend() prop() ready() remove() removeAttr() removeClass() removeData() replaceWith() text() toggleClass() triggerHandler() - Passes a dummy event object to handlers. unbind() - Does not support namespaces val() wrap()

转载于:https://www.cnblogs.com/wuwanyu/p/wuwanyu20160318.html