Geben eindeutige ID zu jedem Element in `ng-repeat` für DOM-Manipulationen

Question

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

button(id='anotherID1') Hi 

innen relevant Angular Richtlinie

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

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

I DOM-Manipulationen am Durchführung, für die i eindeutige ID für ng-Wiederholungselemente benötigen. Bitte schlagen Sie auch vor, ob die DOM-Manipulation auch auf andere Weise durchgeführt werden kann.

Edit: @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> 

// Richtlinie Code: - zu erhöhen Höhe von <div class = 'ques'>

Answer 1

Vor allem, wenn Sie Angular verwenden, wird empfohlen, dass Sie mit Standard-Stick Angular-Direktiven für Listener, anstatt zu jQuery zurückzukehren. Verwenden Sie anstelle von jQuerys on das Attribut ng-click für HTML-Ereignisse, an die Angular einen Listener binden soll.

Zum Beispiel:

HTML:

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

-Controller:

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

Für eine eindeutige ID mit jedem Element von ng-repeat erstellt zu speichern, wie etwa das Hinzufügen eines Parameters zum doStuff Anruf mit der ID: ng-click="doStuff(item.ID)" und greifen Sie darauf in der $scope.doStuff Methode zu.

Answer 2

Versuchen Taste (id = {{ 'ID' + $ Index}})

Answer 3

Arbeiten für mich.

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

so vermute ich, dass sushain97 richtig ist, und das Problem ist nicht so, wie Sie eckig (Ereignisbindung beiseite) verwenden.

Answer 4

Für dynamisch zugewiesene ID. die Syntax von $('#ID1').on('click', function() {alert('hi');}); ändert ein wenig

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

perfekt funktioniert!

Answer 5

id = {{'flussdiagrammWindow' + $ index}} das funktioniert für mich