Question

有没有办法可以获得当前click元素的id和它的子ID？就像在jquery中一样，我可以做到

$("a").click(function(){
    var this_id = $(this).attr("id");
    var child_id = $(this).find("div").attr("id");
});

<a href="#" id="this_parent_id">
    <div id="this_child_id"></div>
</a>

任何想法，线索？

Answer 1

尝试使用$ event

$scope.myClickFunction = function(obj, $event){
    console.log($event.target);
}

＆＃34;像ngClick和ngFocus这样的指令在该表达式的范围内公开$ event对象。当jQuery存在或类似的jqLite对象时，该对象是jQuery事件对象的实例。＆＃34; Link

Answer 2

尝试将ng-click属性添加到锚点并传递$event。 ng-click将调用getIDs函数并打印父ID和子ID

<a href="#" id="this_parent_id" ng-click="getIDs($event)">
    <div id="this_child_id"></div>
</a>

$scope.getIDs = function(ev) {
    console.log(ev.target.id); // Gets clicked element ID
    console.log(ev.target.firstElementChild.id) // Gets child ID
}

Fiddle

获取当前click元素的id并获取子ID

2 个答案: