从EmberJS中的模板中检索数据的首选方法

时间:2012-06-21 12:40:43

标签: javascript jquery ember.js

我试图从我的模板中获取一些数据,让我们说,添加一个用户。

这是我的视图对象:

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

理论上我已经用jQuery获得了我的价值,但这是首选的方式吗?

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

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

请参阅此小提琴http://jsfiddle.net/z5SNW/6/