angular ng-click获取触发事件对象this

来源:互联网 发布:java行业发展前景 编辑:程序博客网 时间:2024/06/05 02:14

ng-click="shareGoods({{item.goods_id}},$event)" 传递一个$event对象

通过事件对象 $event.target  获取事件源

 

Html代码  收藏代码
  1. <div class="float_left width_50 border_b_top_eee border_b_right_eee bg_ff padding_left_15 padding_right_15 padding_top_10 line_height_15" ng-click="addPackage($event,111)">  
  2.     <div class="color_e5005a font_16">洗衣机套餐1</div>  
  3.     <div class="color_99">  
  4.         洗衣机1台+冰箱1台  
  5.     </div>  
  6.     <div class="line_height_40px color_e5005a">  
  7.         ¥238  
  8.     </div>  
  9. </div>  

 

 

Js代码  收藏代码
  1. //动态添加数据  
  2. $scope.addPackage = function(myevent,deviceType){  
  3.     //获取item对象  
  4.     var htmlObj = $(myevent.target).closest(".float_left");  
  5.     var deviceName = htmlObj.find("div.font_16").html();  
  6.     var jsonObj = {  
  7.         "deviceType":deviceType,//设备类型,唯一标识,用于判断是否已经添加  
  8.         "deviceName":deviceName //设备的名称  
  9.     };  
  10.     //判断数据是否已经选中了  
  11.     if(!this.hasDevice(deviceType)){  
  12.         //给$scope.lists添加数据  
  13.         this.lists.push(jsonObj);  
  14.     }  
  15. };  
原创粉丝点击