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

Question

我试图从我的模板中获取一些数据，比如说，添加一个用户。

这是我的视图对象的样子：

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

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

Answer 1

您应该使用绑定将模板中的值绑定到视图上的属性，请参见示例http://jsfiddle.net/pangratz666/uuvAp/：

车把：

<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();

Answer 2

您可以使用可用的 insertNewline 来处理该值。

看到这个小提琴http://jsfiddle.net/z5SNW/6/