javascript - 在 AngularJS 中访问组件 ID

Question

如何在 AngularJS 中获取组件的 ID？

HTML

<li class="list-group-item" id="person_2" ng-click="invitePerson(this)">
    <span class="label label-primary">A</span> Alexandre Dolabella Resende
</li>

JS

$scope.invitePerson = function(id) {
    alert(id);
};

警报返回 [Object object]，我如何访问我的组件 ID？ (在我的例子中，应该是 person_2)

控制台日志

Answer 1

使用 $event 获取事件处理程序参数。从该参数我们可以获得目标元素及其属性

<li class="list-group-item" id="person_2" ng-click="invitePerson($event)">
<span class="label label-primary">A</span> Alexandre Dolabella Resende

$scope.invitePerson = function(e){
alert(e.target.id);
}