0

我正在学习使用 Ember 开发 Web 应用程序。如您所见，我的测试代码只在视图中显示了一个文本。

当我使用ember-1.0.pre.js时，它工作正常，但是当我更改为时ember-1.0.0-pre.2.js，出现下一个错误：Uncaught Error: "<TestApp.ApplicationView:ember177> - Unable to find template "application"。使用最后一个版本的 ember : ember-latest.js，没有错误，但没有出现文本。在最后两种情况下，当我检查生成的 html 时，我意识到把手脚本没有被处理并保留在浏览器中的 html 中。

在Ember 博客中，他们列出了版本之间的更改，但显然与我的问题无关。

我应该对这个简单的代码进行什么更改？

HTML

<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://code.jquery.com/jquery-1.7.2.js"></script>
    <script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
    <script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-1.0.pre.js"></script>
    <!--<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-1.0.0-pre.2.js"></script>-->
    <!--  <script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>-->
    <script src="app.js"></script>
</head>
<body>
    <h1>Test Application</h1>
    <script  type="text/x-handlebars" data-template-name="application">
        {{outlet}}
    </script>
    <script type="text/x-handlebars" data-template-name="test">
        <h3> {{view.text}}</h3>
    </script>
</body>

JavaScript：

TestApp = Ember.Application.create();
TestApp.ApplicationController = Ember.Controller.extend();
TestApp.ApplicationView = Ember.View.extend({
    templateName: 'application'
});
TestApp.TestController = Ember.Controller.extend();
TestApp.TestView = Ember.View.extend({
    text: 'This is a sample text',
    templateName: 'test'
});
TestApp.Router = Ember.Router.extend({
    root: Ember.Route.extend({
        index: Ember.Route.extend({
            route: '/',
            connectOutlets: function(router) {
                router.get('applicationController').connectOutlet('test');
            }
        })
    })
});
TestApp.initialize();
4

1 回答 1

0

尝试这样设置您的路由器：

App.Router.map(function(match){
  match('/').to('application',function(match){
    match('/').to('test')
  });
});

App.TestRoute = Ember.Route.extend({
        this.render('test', {
            into:'application'
        });
})

看看这是否有帮助

于 2013-01-15T08:12:33.290 回答