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

Preferred way to retrieve data from a template in EmberJS

本文关键字：数据 方法 检索 EmberJS      更新时间：2023-09-26

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

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

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

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

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

您可以使用可用的插入换行符来处理该值。

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

相关文章：