angular ng-click获取触发事件对象this
2017-03-14 11:13
561 查看
来源:http://hbiao68.iteye.com/blog/2286434
ng-click="shareGoods({{item.goods_id}},$event)" 传递一个$event对象
通过事件对象 $event.target 获取事件源
Html代码
<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)">
<div class="color_e5005a font_16">洗衣机套餐1</div>
<div class="color_99">
洗衣机1台+冰箱1台
</div>
<div class="line_height_40px color_e5005a">
¥238
</div>
</div>
Js代码
//动态添加数据
$scope.addPackage = function(myevent,deviceType){
//获取item对象
var htmlObj = $(myevent.target).closest(".float_left");
var deviceName = htmlObj.find("div.font_16").html();
var jsonObj = {
"deviceType":deviceType,//设备类型,唯一标识,用于判断是否已经添加
"deviceName":deviceName //设备的名称
};
//判断数据是否已经选中了
if(!this.hasDevice(deviceType)){
//给$scope.lists添加数据
this.lists.push(jsonObj);
}
};
ng-click="shareGoods({{item.goods_id}},$event)" 传递一个$event对象
通过事件对象 $event.target 获取事件源
Html代码
<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)">
<div class="color_e5005a font_16">洗衣机套餐1</div>
<div class="color_99">
洗衣机1台+冰箱1台
</div>
<div class="line_height_40px color_e5005a">
¥238
</div>
</div>
Js代码
//动态添加数据
$scope.addPackage = function(myevent,deviceType){
//获取item对象
var htmlObj = $(myevent.target).closest(".float_left");
var deviceName = htmlObj.find("div.font_16").html();
var jsonObj = {
"deviceType":deviceType,//设备类型,唯一标识,用于判断是否已经添加
"deviceName":deviceName //设备的名称
};
//判断数据是否已经选中了
if(!this.hasDevice(deviceType)){
//给$scope.lists添加数据
this.lists.push(jsonObj);
}
};
相关文章推荐
- angular ng-click获取触发事件对象this
- angular ng-click获取触发事件对象
- javascript中获取触发事件的对象
- 怎么样用javascript获取触发事件的对象
- js中获取触发事件对象的标签名称
- JQuery选择器通过click事件获取当前点击对象的id,name,value属性
- 怎么样用javascript获取触发事件的对象
- 以input=file方式,获取文件时,在IE下8无法通过某个按钮click事件间接触发input=file的change事件
- 点击子对象,不解触发父对象click事件
- js获取触发事件对象
- js获取事件源及触发该事件的对象
- 用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法
- window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取(非常重要)
- jquery 根据样式获取对象子元素的第一个并添加触发事件
- js获取事件源(触发该事件的对象)
- javascript如何获取触发事件的对象
- javascript获取事件触发的对象
- javascript中函数事件触发和Obj对象获取
- <a>控件和onclick事件触发的对象 this对象说明