1

所以我在折腾一个想法来做一个工作演示，试图展示 Ember 的力量。我计划从一些原语开始，并展示事物在技术上可以独立存在，但是当你坚持模式时，Ember 效果最好。无论如何，我只想渲染一个视图。在正在查看的 Ember 指南中有以下示例：

看法

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

这不起作用。为什么？

4

2 回答 2

2

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

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

工作箱

于 2013-08-23T03:49:00.063 回答
2

你有几个问题。

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

或者，如果您不想执行上述操作，您可以将模板内联到视图中，对其进行编译，然后将其设置为视图的template属性。我把它作为一个例子注释掉了。

查看这个更新的 jsbin。

于 2013-08-23T03:52:50.257 回答