Aufrufende Aktion in Ember Input Helfer

Ich habe dieses Eingabefeld

   {{input {{action 'test2' on="keyDown" allowedKeys="any"}} }}

Ich bin nicht in der Lage zu diese Aktion. Gibt es eine Möglichkeit, rufen Sie eine Aktion aus, wenn wir so etwas haben?

InformationsquelleAutor mohsinali1317 | 2014-05-21

ember.js handlebars.js

4

Nein, Es ist nicht möglich, es zu tun wie diese. Als Sie versuchen, Sie zu binden "keyDown" - event. Kannst du nicht erreichen die gleiche Funktionalität durch die Beobachtung Textfeld Wert. Ich habe den Beispiel-code hier.

Vorlage :
```
{{input value=myValue}}
```
Controller :
```
myValueDidChange : function() {
    //Code here
}.observes('myValue')
```
- ja habe ich schon gemacht. Danke.
- Wie Lesen Sie den Wert der Eingabe in die myValueDidChange Funktion?
- Marco - ich denke, dass das design dem Eingang gebunden an ein anderes Mitglied des Controllers. Wie zum Beispiel: {{input value=myValue}} in der Vorlage, die bindet einen Beitrag zu myValue in Ihrer Steuerung. Dann, in der myValueDidChange-Funktion, können Sie einfach Lesen Sie die aktuellsten Wert myValue.
InformationsquelleAutor M.G.Manikandan
4

Heutzutage könnte man einfach schreiben:
```
{{input value=myValue action="test2" on="key-down"}}
```
Siehe für mehr info: http://guides.emberjs.com/v1.10.0/templates/input-helpers/#toc_actions
- Ist das möglich, um Argumente zu der Aktion?
- Nicht, dass ich mir bewusst bin. Aber Sie konnte nur den Wert aus der Steuerung. E. g. in diesem Beispiel: this.controller.get('myValue').
InformationsquelleAutor Jacob van Lingen
2

Weitere option ,wenn Sie gehen zu müssen, diese an mehreren Orten sein würde, um eine Komponente zu erstellen. An diesem Punkt kann man in der Tat fangen die Taste drücken. Wollen Sie zum Beispiel ein numerisches Feld, das Sie tun konnte:
```
<script type="text/x-handlebars" data-template-name="components/numeric-input">
    {{input type='number' value=val classNames='text-align-right'}}
</script>
```
und dann auf dem controller:
```
App.NumericInputComponent = Ember.Component.extend({
       keyPress: function(evt){
       ...code here....
    }
});
```
und schließlich können Sie rufen Sie es mit:
```
{{numeric-input val=productCount}}
```
InformationsquelleAutor camba1

Eine Lösung wäre, sich zu registrieren, eine Aktion in dem controller und rufen Sie es von der Eingabe-Helfer, indem Sie ein Ereignis.

action im controller

App.ApplicationController = Ember.Controller.extend({

//Attribute as a component for your template
search: '',

actions: {

    query: function() {
        console.log('ApplicationController > query')
        var query = this.get('search');
        console.log('> ' + query);
        //do something ...
        //this.transitionToRoute('search', { query: query });
    }
}
});

input-helper mit einer key-press-Ereignis:

Ruft die Aktion-Abfrage-Formular Ihre ApplicationController auf jedem keyPress-Ereignis

{{input type="text" class="form-control" placeholder="Query" value=search key-press="query"}}

hier ist eine Liste der Ereignisse: Ember Veranstaltungen

InformationsquelleAutor Pascal

Credits gehen hier:

{{input value=myValue focus-in="focus" key-down="keydown"}}

und

export default Controller.extend({

  //...

  actions: {
    focus() {
      //...
    },
    keydown() {
      //...
    },
  }