javascript - Emberjs - 简单的应用程序无法运行

标签 javascript ember.js

我正在浏览 http://trek.github.com/ 上的 Emberjs 教程,但部分代码未返回预期输出。

我的 HTML 是

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js"></script> 
    <script type="text/javascript" src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-rc.1.min.js"></script>
    <script type="text/javascript" src="js/App.js"></script>
</head>
<body>
    <div></div>

    <script type="text/x-handlebars" data-template-name="application">
        <h1>Ember committers</h1>
        {{outlet}}
    </script>

    <script type="text/x-handlebars" data-template-name="contributors">
        {{#each person in controller}}
            {{person.login}}
        {{/each}}
    </script>

</body>
</html>

我的App.js(用App.coffee编写)

window.App = Ember.Application.create()

App.ApplicationView = Ember.View.extend
    templateName:"application"

App.ApplicationController = Ember.Controller.extend()

App.AllContributorsController = Ember.ArrayController.extend()
App.AllControbutorsView = Ember.View.extend
    templateName:"contributors"

App.Router = Ember.Router.extend
    root:Ember.Route.extend
        index:Ember.Route.extend
            route:"/"
            connectOutlets: (router) ->
                router.get("applicationController").connectOutlet("allContributors", [{login:'wycats'},{login:'tomdale'}])

我希望打印出“wycats”和“tomdale”,但什么也没有。这是我的 jsFiddle - http://jsfiddle.net/Djunu/

最佳答案

您的代码基于过时的 API。 Ember 1.0.rc 有一种全新且更加友好的方式来定义路由和设置 Controller 。请参阅本指南以获取最新 Material :http://emberjs.com/guides/routing/

关于javascript - Emberjs - 简单的应用程序无法运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15192763/

相关文章:

javascript - 如何使用jquery添加和删除div

javascript - Clojurescript、JavaScript、SVG、图表、图形

c# - 如何知道浏览器是否有 PDF 查看器?

ember.js - View 中带有和不带有绑定(bind)后缀的变量 - 有什么区别?

ember.js - Ember 数据。为 many2many 和 one2many 添加子记录

javascript - 使用 lodash 映射复杂的 JSON

javascript - 如何不打开重复的链接

javascript - Ember.RSVP.hash 重新加载内部 promise

ember.js - 使用 Ember 和 Ember-data : How to setup callback when a store is finished loading, 和/或关联 View 何时完成重新渲染?

javascript - Ember 2.0的 Handlebars helper不是一个函数吗?