Angularjs不讀取按鈕ID

Question

我已經創建了一個應用程序，其中的結構中有一個帶有ng-repeat的列表，用鏈接加載圖像。這些圖像中的鏈接有一個動態ID，應該由ng-click（）中調用的函數讀取。

問題是ID帶有未定義的值。

這是我的名單：

<ul class="list-inline" id="team"> 
    <li ng-repeat="player in players"> 
    <a data-toggle="modal" id="{{player.id}}" class="modalPlayer" ng-click="loadModal()" data-target="#myModal"> 
     <div class="infoPlayer"> 
     <h3 ng-bind="player.name"></h3> 
     <hr> 
     <small ng-bind="player.position"></small> 
     </div> 
     <figure> 
     <img src="{{player.img}}" alt="{{player.name}}"> 
     </figure> 
    </a> 
    </li> 
</ul> 

，這是我的函數：

$scope.loadModal = function(){ 

var attribute = $('.modalPlayer').click(function(){ 
    var id = $(this).attr(id); 
    alert(id); 
    }); 
    alert(attribute);  
} 

功能是在控制器內。我已經嘗試了許多可能性來閱讀ID，但都沒有成功。我想是這樣的：

var test = angular.element (document.getElementsByClassName ('myClass'). GetAttribute ('id'); 

感謝助理

Answer 1

你可以做，

<a data-toggle="modal" ng-attr-id="{{player.id}}"></div> 

或者只是通過ID，以你的函數，

ng-click="loadModal(player)" 

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