Wie Einstellwert für input-Feld haben und Sie es aktualisieren auf die Unterwerfung Ember.js Aktion?

Auf dem LENKER Vorlage, möchte ich vorab ausfüllen, ein input-Feld mit dem Wert. Dass ich tun kann, indem Wert=Objekt.Eigenschaft. Dann sollte der Benutzer den Wert aktualisieren, und wenn Sie klicken Sie auf die Schaltfläche aktivieren Sie die Aktion, die Wert legt auf die Komponente.

Das problem ist, dass kein Wert wird immer eingereicht, die nicht den vorgegebenen Wert, oder den neuen Wert. Wenn ich console.melden Sie, was immer ist eingereicht, um die Komponente, die die Eingabe aus dem Textfeld "undefined" und der Eingabe aus dem Feld Bestellnummer ist "NaN".

Dies ist mein LENKER Vorlage:

{{input type="text" value=object.name valueBinding='newName'}}
{{view App.NumberField min='1' value=object.count valueBinding='newCount'}} 
<button {{action updateObjectDetails object}}>Save</button>

Den zugehörigen Komponente, von der Einreichung bis:

App.ObjectsDetailsComponent = Ember.Component.extend({
  actions: {
    updateObjectDetails: function(object){
      object.set("name", this.get('newName'))
      object.set("party_size", parseInt(this.get('newCount')))
      object.save();
    }
  }
});

Gibt es eine Möglichkeit zum füllen der input-Feld mit dem korrekten Wert UND haben es zusammen mit der Aktion?

InformationsquelleAutor koanima | 2014-02-07

  1. 1

    Ah, hab es. Die Sache ist zu versuchen, nicht zu verwenden, die valueBindings, wie Sie möglicherweise beim erstellen eines neuen Objekts, sondern auch, um den tatsächlichen Wert, da der tatsächliche Wert ändern. Also in der Komponente, es ist Objekt.get('name'), nicht.get('newName').

    Daher die LENKER sollten wie folgt sein:

    {{input type="text" value=object.name}}
{{view App.NumberField min='1' value=object.count}} 
<button {{action updateObjectDetails object}}>Save</button>

    Und der Komponente wie folgt:

    App.ObjectsDetailsComponent = Ember.Component.extend({
  actions: {
    updateObjectDetails: function(object){
      object.set("name", object.get('name'))
      object.set("party_size", parseInt(object.get('count')))
      object.save();
    }
  }
});

    InformationsquelleAutor koanima

Schreibe einen Kommentar