EmberJS - Observing changes in an {{input}}-Helper in a controller

Question

i have a {{input}}-helper in my template and i want to fire a method in the controller for every change in the {{input}}-helper.

application.hbs

<div class="page" id="main">
    {{input type="text" id="note-title" value=noteTitle action="createNote"}}
</div>

application_controller.js

YeoApp.ApplicationController = Ember.ArrayController.extend({
    actions: {
        searchTextChanged: function() {
            // this method should be called whenever
            // the input value changes, but somehow it doesn't work

        }.observes("noteTitle"),
        anotherMethod: function() {
            this.set("noteTitle", "Test!");
            //even this doesn't fire the observer when called
        }
    }
});

Any suggestions? Thanks in advance. Don't be afraid to ask questions.

Marcio Junior · Accepted Answer · 2013-12-08 14:43:27Z

3

I think that using observes inside of the actions hash don't work. You need to extract the searchTextChanged outside of that object:

YeoApp.ApplicationController = Ember.ArrayController.extend({
  searchTextChanged: function() {
    // this method should be called whenever
    // the input value changes, but somehow it doesn't work
  }.observes("noteTitle"),
  actions: {        
    anotherMethod: function() {
      this.set("noteTitle", "Test!");
      //even this doesn't fire the observer when called
    }
  }
});

answered Dec 8, 2013 at 14:43

Marcio Junior

19.1k4 gold badges47 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Christian Vano · Accepted Answer · 2015-08-28 14:42:15Z

2

Ember 2 has a nice solution:
{{input key-press="action"}}

See the docs

answered Aug 28, 2015 at 14:42

Christian Vano

1113 bronze badges

1 Comment

sheriffderek Over a year ago

This is helpful, but not as helpful as some code / example.

Collectives™ on Stack Overflow

EmberJS - Observing changes in an {{input}}-Helper in a controller

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related