Question

所以我正在为一个工作的演示文稿折腾，试图展示Ember的力量。我计划从一些基元开始并表明事物在技术上可以站在那里，但是当你坚持模式时，Ember效果最好。无论如何我想渲染一个视图。在Ember Guides中，有一个例子：

查看

var view = Ember.View.create({
  templateName: 'say-hello',
  name: "Bob"
});


view.appendTo('#container');

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com.s3.amazonaws.com/ember-1.0.0-rc.7.prod.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
   <div id="container"></div>



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

http://jsbin.com/EPuwApE/3/edit

这不起作用。为什么呢？

Answer 1

您错过了创建Ember应用程序的实例，如

App = Ember.Application.create({
});

Working Bin

Answer 2

你有一些问题。

创建模板时，请使用data-template-name属性命名。
为了让您的视图找到模板，即使您不使用它，也必须创建Ember.Application。

或者，如果您不想执行上述操作，则可以在视图中内联模板，编译它，并将其设置为视图的template属性。我把它评论为一个例子。

查看此更新的jsbin。

创建灰烬视图

2 个答案: