视图 - 定义视图

优质

小牛编辑

130浏览

2023-12-01

英文原文：http://emberjs.com/guides/views/defining-a-view/

你可以使用Ember.View来渲染一个Handlebars模板并将它插入到DOM中。

为了告诉视图要用哪个模板，可以设置它的temaplateName属性。例如，如果我有一个像这样的<script>标签:

<html>
  <head>
    <script type="text/x-handlebars" data-template-name="say-hello">
      Hello, <b>{{view.name}}</b>
    </script>
  </head>
</html>

我会将templateName属性设置成"say-hello"。

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();