AngularjsがボタンIDを読み取らない

Question

構造体がng-repeatでリンクを持つ画像をロードするリストを持つアプリケーションを作成しました。これらのイメージのリンクには、ng-click（）で呼び出される関数で読み取られる動的IDがあります。

問題は、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); 
}