入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:36:32 | 335 次阅读 | 评论: 0 | 来源: 网络整理

你可以使用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.ViewHandlebars模板的代码例子时,视图已经通过配置templateName属性来显示指定的模板了。

你可以通过调用appendTo将视图追加到文档中:

 
1
view.appendTo('#container');
 

做为简写,你可以通过调用append来将视图追加到文档中:

 
1
view.append();
 

调用remove即可从文档中删除视图:

 
1
view.remove();
 
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务