javascript - 在 EmberJS 中从模板检索数据的首选方式

Question

我正在尝试从我的模板中获取一些数据，比方说，添加一个用户。

这是我的 View 对象的样子:

Ember.View.create({
    template: Ember.Handlebars.compile( UsersIndexTemplate ),
    addUser: function() {
        var value = $('#my-awesome-input').val();
    }
})

理论上我已经通过 jQuery 获得了我的值(value)，但这是首选方式吗？

Answer 1

您应该使用绑定(bind)将模板中的值绑定(bind)到 View 中的属性，参见示例 http://jsfiddle.net/pangratz666/uuvAp/ :

Handlebars :

<script type="text/x-handlebars" data-template-name="my-template" >
    <!-- bind value of TextField to property username of view -->
    Username: {{view Ember.TextField valueBinding="view.username"}}
    <button {{action addUser}}>addUser</button>
</script>​

JavaScript:

Ember.View.create({
    templateName: 'my-template',
    addUser: function(event){
        var username = this.get('username');
        console.log('add user with name: %@'.fmt(username));
    }
}).append();