Erzeugen Sie einen loop-Zähler in Ember.js #jeder

Ich finde die Beschränkungen der LENKER Vorlagen in Ember.js absolut lähmend. Sie können nicht die Ausführung von beliebigem javascript. Alles, was Sie bekommen, ist ein fester Satz von Fähigkeiten (if/else, jede, Aktion, Ansicht, Steckdose) und die Möglichkeit zur Ausgabe der Wert einer Immobilie auf den aktuellen Kontext-Objekt.

Was bedeutet, dass ich kann nicht herausfinden, wie zu tun etwas so einfach wie die Verwendung eines loop-Zählers, um, zum Beispiel, slap-positions-IDs auf ein html-element innerhalb einer Schleife basierend auf der position in der Auflistung bin ich überarbeiten.

Es nicht Sinn machen, fügen Sie es als eine berechnete Eigenschaft, die auf das Modell, denn das ist nicht Modell-Ebene wissen (das gleiche Modell kann in zwei verschiedenen Positionen in verschiedenen Ansichten).

FYI-Mit Glut-1.0-pre, Ember-Data, und Schienen mit ActiveModel::Serialisierungsprogramme auf PostgreSQL.

InformationsquelleAutor odigity | 2012-09-08
  1. 3

    Ich würde empfehlen das schreiben einer LENKER-Helfer, in dem Sie das ausführen von beliebigem javascript. Sehen
    http://handlebarsjs.com für einige Beispiele.

    Alternativ könnte auch die positions-IDs auf Ihre untergeordneten Ansichten (nicht der Modelle).

    • Ich werde in der ersten, und ich verstehe nicht ganz, was du meinst mit dem zweiten.
    • Ich meine, dass Sie nutzen könnten, Ansichten zu vertreten, jedes Modell in Ihrer Sammlung. Diese könnten Durchlaufen werden, auf die entweder innerhalb einer {{jedem}} - Helfer oder mit einer Glut.CollectionView (siehe itemViewClass-Eigenschaft). Diese untergeordneten Ansichten konnten, erhalten Ihre positions-IDs aus der übergeordneten Ansicht.
    • Noch nicht ausgecheckt CollectionView noch, nur die Sicht und ArrayController. Ich werde sehen, was ich mit Ihr machen kann - vielen Dank.
    InformationsquelleAutor Dan Gebhardt
  2. 9

    Mit handlebars.js (v. 1.0.rc1) könnte ich dies tun:

     {{#each links}}
   <li>{{@index}} - {{url}}</li>
 {{/each}}
    • Es scheint nicht zu funktionieren (mehr?)
    • Meine version ist 1.0.0.rc.3 und, wenn ich hinzufügen das ich ein unerwartetes token-Fehler.
    • Ich bin auch immer ein "unexpected token" -- hast du das Problem lösen?
    • Funktioniert gut für mich im LENKER 1.0.0, +1
    • Wenn {{@index}} ist nicht für Sie arbeiten, müssen Sie möglicherweise verwenden Sie {{@key}}. Man ist für ein numeriertes array. Der andere ist für die Objekt-Karten ("benannte arrays").
    InformationsquelleAutor PålOliver
  3. 2

    Erweist sich die Bereitstellung eines loop-Zählers, ist das genaue Thema des endgültigen Beispiel auf dieser Seite:

    http://handlebarsjs.com/block_helpers.html

    (Dan G schon darauf hingewiesen, das "schreiben eines Hilfs" - Lösung in seiner Antwort, aber da gibt ' s schon einen veröffentlichten Beispiel, wollte ich eine neue Antwort, um den link mehr im Vordergrund.)

    InformationsquelleAutor odigity
Schreibe einen Kommentar