在EmberJS中从模板中检索数据的首选方法 [英] Preferred way to retrieve data from a template in EmberJS

问题描述

这是我的视图对象看起来像：

我正在尝试从模板中获取一些数据， >

  Ember.View.create（{
 template：Ember.Handlebars.compile（UsersIndexTemplate），
 addUser：function （）{
 var value = $（'＃my-awesome-input'）。val（）; 
} 
}）
  pre> 
 
 
理论上我已经用jQuery获得了我的价值，但这是首选的方式吗？
解决方案
您应该使用绑定将模板中的值绑定到视图上的属性，请参阅示例 http://jsfiddle.net/pangratz666/uuvAp/ ：
 
 
 
  Handlebars ：
 < script type =text / x-handlebarsdata-template-name =my-template> ; 
<！ - 将TextField的值绑定到视图的属性username  - > 
用户名：{{view Ember.TextField valueBinding =view.username}} 
< button {{action addUser}}> addUser< / button> 
< / script> 
  
  JavaScript  p> 
 
 
  Ember.View.create（{
 templateName：'my-template'，
 addUser：function（event）{
 var username = this.get（'username'）; 
 console.log（'添加用户名为％@'。fmt（username））; 
} 
}）。append（）; 
  
 
I'm trying to get some data out my templates to, let's say, add an user.

This is what my view object looks like:
Ember.View.create({
    template: Ember.Handlebars.compile( UsersIndexTemplate ),
    addUser: function() {
        var value = $('#my-awesome-input').val();
    }
})
In theory I got my value already with jQuery, but is this the preferred way to go?
解决方案
You should use bindings to bind the values in your template to properties on your view, see an example 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();


                        
这篇关于在EmberJS中从模板中检索数据的首选方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！