返回介绍

视图 - 定义视图

发布于 2020-02-21 15:48:03 字数 1457 浏览 1031 评论 0 收藏 0

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

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

1
view.appendTo('#container');

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

1
view.append();

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

1
view.remove();

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文