在 EmberJS 中从模板中检索数据的首选方式答案

【问题标题】：Preferred way to retrieve data from a template in EmberJS在 EmberJS 中从模板中检索数据的首选方式
【发布时间】：2012-06-23 16:49:52
【问题描述】：

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

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

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

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

【问题讨论】：

我认为你应该使用绑定来解决这个问题。您能否提供有关全球情况的更多详细信息？（带有相关模板和控制器的定义）

标签： javascript jquery ember.js

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您应该使用绑定将模板中的值绑定到视图上的属性，请参阅示例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();

【讨论】：