dynamische ID ng-Wiederholung

Ich versuche ein dynamisches id, um mein div in meinem ng-repeat. Lassen Sie mich ein Beispiel zeigen.

<div id="$index" ng-repeat="repeat in results.myJsonResults">
    <div id="$index" ng-click="saveID($index)" ng-repeat="subRepeat in results.myJsonResults.subresults">
</div>

Mein problem ist, wenn ich auf mein Kind div, ich will meine Eltern id-Namen, aber sieht aus wie eckige nicht die ID richtig zu den div. Ist es möglich, eine dynamische ID in dieses Konzept?

PS: ich habe versucht, in der Vergangenheit, erstellen einen counter-Methode auf meinen controller, und legen Sie eine index -, aber es stellt sich heraus, dass die Winkel erkennt nur den letzten Wert dieser ID statt.

InformationsquelleAutor der Frage marceloduende | 2013-03-08

  1. 63

    Ihre Frage zu beantworten, versuchen Sie dies:

    <div id="{{$index}}" ...>

    Während die oben funktionieren sollte, könnte dies nicht das, was Sie wirklich wollen (!). Bitte beachten Sie, dass dies eher selten mit AngularJS zu manipulieren Elemente bezogen, die von id.

    Sollten Sie konzentrieren sich auf Ihr Modell, deklarative UI beschreiben und lassen AngularJS den rest erledigen, ohne dabei low-level-DOM-Manipulationen "von hand".

    InformationsquelleAutor der Antwort pkozlowski.opensource

  2. 27

    Einen Anwendungsfall kann ich denken ist das verknüpfen von <label> Elemente mit Ihren jeweiligen <input> Elemente, wie man Sie in http://jsfiddle.net/YqUAp/

    Anwendung gibt es ein pkozlowski.opensource's Methode

    <label for="{{ 'textField-' + $index }}">Option {{ $index }}</label>
<input type="text" id="{{ 'textField-' + $index }}" ng-model="field"/>

    Aber ich bin mir nicht sicher, ob dies ist die effektivste Methode. (Wenn auch nur zur besseren Lesbarkeit)

    InformationsquelleAutor der Antwort PixnBits

  3. 5
    <div id="{{$index}}" ...>

    Gut funktioniert, aber Sie können auch eine dynamische id mit dem Feld wiederholt, wenn - zum Beispiel - subRepeat hätte ein id-Feld.
    Das wäre:

    <div id="subRepeat{{subRepeat.id}}" ...>

    Werden, durch ids wie subRepeat1, subRepeat2, ... auf Ihre wiederholten div

    InformationsquelleAutor der Antwort Quidam

  4. 0

    Sie benötigen, um den index in Ihre Objekte

    results = { myJsonResults : [ 
    { name: "abc", id: 1, subResults: [
                               { subName: "123", id: 1 },
                               { subName: "456", id: 2 }] }
    { name: "xyz", id: 2, subResults: [
                               { subName: "789", id: 1 },
                               { subName: "098", id: 2 }] }
                            ] };

    Auch Ihre Wiederholung bezieht sich auf Ergebnisse, die trennt, statt zu verwenden thisResult:

    <div id="thisResult.id" ng-repeat="thisResult in results.myJsonResults">
    {{ thisResult.name }}
    <div id="subResult.id" ng-click="saveID(subResult.id)" ng-repeat="subResult in thisResult.subResults"> {{ subResult.subName }} </div>
</div>

    InformationsquelleAutor der Antwort BaneStar007

Schreibe einen Kommentar