Rendering behoben Versprechen Wert in Ember LENKER Vorlage

Ist es ein guter Weg, um zu Rendern, das Ergebnis einer Verheißung in ein LENKER Vorlage?

Ich habe zum Beispiel das folgende Modell:

App.TopicItem = DS.Model.extend({
  topic: DS.belongsTo('topic'),
  paddedPosition: function() {
    return this.get('topic.course.lessons').
      then(function(lessons) {
        return lessons.indexOf(topicItem);
      }).
      then(function(index){
        var position  = index;

        if (position < 0) { 
          return;
        }

        position = position + 1;

        return (position < 10 ? $.rjust(position, 2, '0') : position.toString());
      });
  }.property('topic.course.lessons')
});

Und ich möchte zum Rendern der Wert der position in den LENKER Vorlage wie diese:

{{topicItem.paddedPosition}}

Ist es ein guter Weg, um dies zu erreichen?

sieht aus wie Sie benötigen, um zu warten, bis die paddedPosition zurück, so etwas wie topicItem.get('paddedPosition').then(function() {Handlebars.compile();}); mir nicht sicher über die Glut, aber das ist der Allgemeine Ansatz 🙂
Nicht sicher, über das warten für paddedPosition so viel wie versuchen, herauszufinden, ob Ember.LENKER löst ein Versprechen automatisch.

InformationsquelleAutor alvincrespo | 2013-12-16

29

Könnten Sie haben die Eigenschaft, träge zu sich, so etwas wie:
```
App.TopicItem = DS.Model.extend({
  topic: DS.belongsTo('topic'),
  paddedPosition: function(key, value) {
    if (arguments.length > 1) {
      //> 1 args = this is a `set`
      return value;
    } else {
      //otherwise this is a `get`
      var _this = this;
      value = null;

      this.get('topic.course.lessons').
        then(function(lessons) {
          //do stuff based on result
          var padded = ...;
          //when the promise is resolved, set this property with the value
          _this.set("paddedPosition", padded);

          //if the promise resolves immediately, set `value` so we return
          //the calculated value and not null
          value = padded;
        });

      //returns null if the promise doesn't resolve immediately, or 
      //the calculated value if it's ready
      return value;
    }
  }.property('topic.course.lessons')
});
```
Wenn es zum ersten mal aufgerufen wird, es wird kick-off der Berechnung ebenfalls zu jeder Zeit den Unterricht ändern, dann werde es sich als das Ergebnis der Berechnung, sobald es fertig ist.

Dies funktioniert, da eine berechnete Eigenschaft wird aufgerufen, sowohl über get-und set-können Sie unterscheiden zwischen den beiden, indem Sie die Anzahl der Argumente - 1 für bekommen, mehr als 1 set (früher 2, jetzt 3, so dass der beste Weg, um erkennen ist > 1). Mehr auf, dass in den docs.

Was auch immer wieder von einer berechneten Eigenschaft (entweder get oder set) wird zwischengespeichert, bis die von Ihr abhängigen Eigenschaften ändern - in diesem Fall topic.course.lessons.

In dem obigen Beispiel, wenn der erste get wir kick-off der Berechnung und zurück null. Dies ist nun zwischengespeichert, da der Wert der Eigenschaft, wenn nichts anderes fordert, diese Eigenschaft vor dem Versprechen gelöst hat, dann werde zurückkehren null.

Einmal das Versprechen aufgelöst wird, nennen wir set auf dem gleichen Grundstück mit dem berechneten Wert. Diese können wir nur zurückkehren in den Set-und es ist nun zwischengespeichert, da der Wert der Eigenschaft.

Bis die abhängigen Eigenschaften ändern (topic.course.lessons), oder ein neuer Wert set dann der zwischengespeicherte Wert zurückgegeben wird, ist Sie von der Unterkunft aus.
- Das ist sehr interessant, und das völlig für mich gearbeitet. Ich versuche zu verstehen, obwohl - wie funktioniert es? 🙂
- Ich habe aktualisiert die Antwort mit etwas mehr Erklärung - hoffe das macht Sinn.
- Vielen Dank für Ihre Erklärung. Wir haben einige Tests auf das heute und fand, dass es ein zeitweilig auftretendes Problem bei der Verwendung dieses Ansatzes in den LENKER. Aus irgendeinem seltsamen Grund, auch wenn das Versprechen aufgelöst wird, und setzt den Wert null noch abgeholt von der Vorlage.
- Wenn das Versprechen löst sofort dann werde es versuchen, und setzen Sie die Eigenschaft aber dann gibt es null sowieso. Ich werde Bearbeiten Sie die Antwort mit einer möglichen Lösung!
- es funktioniert, weil jeder Model-Instanz wird eine neue Instanz des Modells.
- +1 auf diese arbeiten, wie von 7/7/15. Laufen in diesem und Arbeitsbedingungen durch Implementierung Ihrer Lösung war ein Wert Weg, um besser zu verstehen, verspricht und Funktionsumfang. Vielen Dank für die ausführliche Erklärung!!!
InformationsquelleAutor rlivsey
1

Dass scheint, wie ein unerwartetes Verhalten.
Da ist ein Fehler gefüllt für das problem: https://github.com/emberjs/ember.js/issues/11046
- Nach dem hinzufügen meiner +1 zu diesem Thema heute, es war geschlossen, mit der Begründung, dass es nicht eine, sondern eher ein feature, das noch nicht existiert. Haben Sie Pläne, um dieses im Kern, und einen Beitrag zu einer RFC wurde empfohlen/verlangt.
InformationsquelleAutor igorsantos07

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.