为"DOM操作"中的"ng-repeat"中的每个项目赋予唯一ID

Question

.div(ng-repeat='item in items') 
   button(id='ID{{$index}}') No Hi

button(id='anotherID1') Hi

内部相关的角度指令

$('#ID1').on('click', function() {alert('hi');});  // does not work 

$('#anotherID1').on('click', function() {alert('hi');}); // works

我正在执行DOM操作,我需要ng-repeat元素的唯一ID.还请建议是否可以以任何其他方式执行DOM操作.

编辑:@tymeJV: -

 style.
  .ques {
    height: 50px;
    overflow:hidden;
  }



<div ng-repeat='item in items'>
    <div class='ques'> {{item.ques}}
    </div>
    <button id='ID{{$index}}'> No Hi </button>
</div>

//指令代码: - 增加高度 <div class = 'ques'>

Answer 1

首先,如果您使用的是Angular,建议您为侦听器坚持使用标准的Angular指令,而不是恢复为jQuery.因此,不要使用jQuery on,而是使用ng-click您希望Angular绑定侦听器的HTML事件的属性.

例如:

HTML:

<button ng-click="doStuff()">
</button>

控制器:

$scope.doStuff = function () {
    //perform action
};

要为每个创建的元素存储唯一ID ng-repeat,如何doStuff使用ID:将参数添加到调用中,ng-click="doStuff(item.ID)"并在$scope.doStuff方法中访问它.