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);
}

Angularjs不读取按钮ID

1 个答案: