javascript - Ember JS 和模板 "Template not found"

Question

所以我有这些脚本包括:

    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
    <script src="js/vendor/ember-1.0.0-pre.2.min.js"></script>
    <script src="js/vendor/handlebars-1.0.rc.1.js"></script>
    <script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
    <script src="js/main.js"></script>

这是我头上的标签:

        <script type="text/x-handlebars" data-template-name="application">
            WTF

        </script>

这在我的 main.js 中:

window.Stocks = Ember.Application.create();

Stocks.Router = Em.Router.extend({
    initialState: 'root.home',
    root: Em.Route.extend({
        home: Em.Route.extend({
            view: Stocks.CurrentStocksView
        })
    })
});

Stocks.CurrentStocksView = Ember.View.extend({
    templateName: 'application',
    appendTo: function() {
        this._super('#current');
    }
});


// Startup call
Stocks.initialize();

我完全迷路了。我只想在 .我是否需要为 Handlebars 添加脚本标签？

Answer 1

首先，您似乎使用了 ember 1.0.0-pre2。因此，您不必指定 Stocks.initialize()，除非您将 autoinit Ember.Application 属性设置为 false:

Stocks = Ember.Application.create({
  autoinit: false
});

// omitted code

Stocks.initialize(); // needed because the app is not automatically initialized

接下来，您应该在加载 ember 之前包含 Handlebars:

<script src="js/vendor/handlebars-1.0.rc.1.js"></script>
<script src="js/vendor/ember-1.0.0-pre.2.min.js"></script>

它应该可以工作，如您所见in this JSFiddle .