定义视图 编辑页面
英文原文:http://emberjs.com/guides/views/defining-a-view/
你可以使用Ember.View来渲染一个Handlebars模板并将它插入到DOM中。
为了告诉视图要用哪个模板,可以设置它的temaplateName属性。例如,如果我有一个像这样的<script>标签:
1 2 3 4 5 6 7 |
<html> <head> <script type="text/x-handlebars" data-template-name="say-hello"> Hello, <b>{{view.name}}</b> </script> </head> </html> |
我会将templateName属性设置成"say-hello"。
1 2 3 4 |
var view = Ember.View.create({ templateName: 'say-hello', name: "Bob" }); |
注意:本指南其余部分,大多数例子中的templateName属性将会被省略。你可以假定当我们展示包含Ember.View和Handlebars模板的代码例子时,视图已经通过配置templateName属性来显示指定的模板了。
你可以通过调用appendTo将视图追加到文档中:
1 |
view.appendTo('#container');
|
做为简写,你可以通过调用append来将视图追加到文档中:
1 |
view.append(); |
调用remove即可从文档中删除视图:
1 |
view.remove(); |
Fork Us!
