ember.js - 每当 {{input}} Ember Handlebars 助手的值发生变化时调用 Controller 方法

Question

Ember 1.0.0 RC3 提供了一个名为 {{input}} 的 Handlebars 助手.
除了更新底层 Controller 中的 String 属性之外，我还想另外 调用方法 每当输入发生变化时，在底层 Controller 上。

是否可以在更改 {{input}} 后调用 Controller 方法？文本框？

Answer 1

使用 .observes("propertyChangedByInputHelper")在应对变化使用react的 Controller 方法上。

<--Handlebars template -->
    <script type="text/x-handlebars" id="autocomplete">
        {{input type="text" value=searchText placeholder="Search users..."}}
        <table>
            {{#each searchResults}}
                <tr><td>
                {{#linkTo "user" this}}
                    {{firstName}} {{lastName}}
                {{/linkTo}}
                </td></tr>
            {{/each}}
        </table>
    </script>

.

//inside Ember application / app.js
App.AutocompleteController = Ember.ObjectController.extend({
    searchText: null,         // mutated by "autocomplete" Handlebars template
    searchResults: Ember.A(), //initialize to empty array

    searchForUsers: function() {
        this.set("searchResults", Ember.A() ); // clear possibly non-empty array
        var searchResultsBuilder = Ember.A();
        //...
        //... making modifications to searchResultsBuilder
        //...
        this.get("searchResults").addObjects(searchResultsBuilder);
    }.observes("searchText")
});

注意:当 searchText变化， .property("searchText")不足以触发 searchForUsers方法: .property(..)使该方法仅根据需要延迟执行，而 .observes(..)使方法急切地行动。