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，而是在希望Angular绑定侦听器的HTML事件上使用ng-click属性。

例如：

<强> HTML ：

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

<强>控制器：

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

如果要为ng-repeat创建的每个元素存储唯一ID，请如何使用ID doStuff向ng-click="doStuff(item.ID)"调用添加参数，并在$scope.doStuff中访问该参数方法。

Answer 2

id = {{＆＃39; flowchartWindow＆＃39; + $ index}}这对我有用

Answer 3

尝试按钮（ID = {{＆＃39; ID＆＃39; + $索引}}）

Answer 4

适合我。

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

所以我怀疑sushain97是正确的，问题不在于你使用angular（事件绑定除外）的方式。

Answer 5

用于动态分配的ID。 $('#ID1').on('click', function() {alert('hi');});的语法稍微改变为

$('#YourWrapperID').on('click','#id1' , function(){
    alert('hi');
});

完美无缺！

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

5 个答案: