將當前HTMLElement傳遞給ng-click

Question

是否可以將HTMLElement傳遞給在控制器上配置的ng-click？

下面是一些示例代碼：

<div ng-controller="Controller"> 
    <ul ng-repeat="item in items"> 
     <li ng-click="handleThisElement($element)" id="{{item.id}}" >{{item.name}}</li> 
    </ul> 
</div> 

控制器：

function ($scope) { 
    $scope.items = [ 
    {name: 'Bilbo', id='Bilbo'}, 
    {name, 'Frodo', id='Frodo'}, 
    {name: 'Pippin', id='Pippin'}, 
    {name: 'Merry', id='Merry'}, 
    {name: 'Sam', id='Sam'} 
    ]; 

    $scope.handleThisElement = function (element) { 
    alert(element.id); // should alert (Bilbo || Frodo || Pippin || Merry || Sam) 
    } 

UPDATE：

鴕鳥政策感到困惑，我說我希望得到的不僅是整個元素來自模型的id。

$ event.target - 不適用於某些版本的IE。

Answer 1

的HTML：

<div ng-controller="Controller"> 
    <ul ng-repeat="item in items"> 
     <li ng-click="handleThisElement($event)" id="{{item.id}}" >{{item.name}}</li> 
    </ul> 
</div> 

而且JS：

function ($scope) { 
    $scope.items = [ 
    {name: 'Bilbo', id='Bilbo'}, 
    {name, 'Frodo', id='Frodo'}, 
    {name: 'Pippin', id='Pippin'}, 
    {name: 'Merry', id='Merry'}, 
    {name: 'Sam', id='Sam'} 
    ]; 

    $scope.handleThisElement = function ($event) { 
    alert($event.target.id); 
    } 

Answer 2

handleThisElement(item); 

以下是plunker

http://plnkr.co/edit/Hv6DwKMRbYlQ43m8UQkU?p=preview

Answer 3

嘗試

<div ng-controller="Controller"> 
    <ul ng-repeat="item in items"> 
    <li ng-click="handleThisElement(item)" id="{{item.id}}" >{{item.name}}</li> 
    </ul> 
</div> 

function ($scope) { 
    $scope.items = [ 
    {name : 'Bilbo', id:'Bilbo'}, 
    {name : 'Frodo', id:'Frodo'}, 
    {name : 'Pippin', id:'Pippin'}, 
    {name : 'Merry', id:'Merry'}, 
    {name : 'Sam', id:'Sam'} 
    ]; 

    $scope.handleThisElement = function (element) { 
    alert(element.id); // should alert (Bilbo || Frodo || Pippin || Merry || Sam) 
    } 
} 

Answer 4

使用$watch此

$scope.$watch(function() { 
    return document.activeElement; 
}, function handler(newValue, oldValue) { 
    $scope.oldActiveElement = oldValue; 
});