ember.js - Ember JS : Could not find property 'action'

Question

我正在使用 Emebr JS 的入门套件，并向应用程序模板添加了一个带有 {{action hello}} 的简单 anchor 标记。

我正在使用 Handlebars 预编译器预编译模板。当我尝试运行它时，它抛出一个错误。

未捕获错误:找不到属性“操作”

以前我曾经使用 ember-1.0.pre.js 做过同样的事情，效果很好。但是当我包含新的 ember 库(ember-1.0.0-pre.2.js)时，它抛出了这个错误。

在这两种情况下，我都使用handlebars-1.0.rc.1.min.js。

任何人都可以帮我解决这个问题吗？下面列出了我正在使用的 Handlebars 和库的详细信息。

使用 Handlebars 预编译器编译的模板。 application.handlebars

<h1>Hello from Ember.js</h1> 
<a {{action hello}}>Say Hello!</a>

我的 HTML 页面:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
  <script src="js/libs/handlebars-1.0.0.beta.6.js"></script>
  <script src="js/libs/ember-1.0.0-pre.2.min.js"></script>

  <script src="handlebars/compiled/views.handlebars.js"></script>

  <script src="js/app.js"></script>

views.handlebars.js 包含已编译的句柄。

应用程序.js:

var App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend();
App.ApplicationView = Ember.View.extend({
  templateName: 'application'
});

App.Router = Ember.Router.extend({
  root: Ember.Route.extend({
    index: Ember.Route.extend({
      route: '/'
    }),
    hello: function() {
        console.log("Hello and Welcome");
    }
  })
})

App.initialize();

Answer 1

在为 ember 预编译 Handlebars View 时，您需要使用 Ember.Handlebars，而不是 Handlebars。我怀疑这可能是问题所在。

更多讨论在这里:Emberjs Handlebars precompiling