Ember.js linkTo helper不加载对应的路由并显示模板

时间:2013-06-07 14:13:22

标签: ember.js jsfiddle

尝试为另一个问题设置一个jsfiddle 我问过here我遇到了以下问题:
我尝试加载应该通过“量”模板呈现“金额”模板的“金额”路线 {indexTo}}“索引”模板中的帮助器。但是,当我点击链接时,我没有被重定向到“金额”模板,它只是停留在“索引”模板上并且什么都不做(所以我猜“金额”路线也没有加载)。 /> 把手模板:

<script type="text/x-handlebars" data-template-name="index">
<h1>Conversion</h1>
<label>Conversion Factor:</label>
{{view Ember.TextField valueBinding="conversionFactor"}}
{{#linkTo "amounts" }}Show Amounts{{/linkTo}} 
{{outlet}}
</script>

路由器设置:

// Router
App.Router.map(function() {
this.resource('amounts', function() {
    this.route('new')
});
});

这是我第一次使用jsfiddle,所以可能是我错误配置了一些东西 我确信这有一个简单的原因,为什么它不起作用,但到目前为止我还没弄明白 这是fiddle 任何提示都会很棒!谢谢!

1 个答案:

答案 0 :(得分:0)

首先,在Ember.Application.create调用中设置LOG_TRANSITIONS,如下所示:

Ember.Application.create({
  LOG_TRANSITIONS: true  
})

并查看控制台。这将为您提供有关正在发生的事情的更多线索。首先,我看到你需要定义一个App.Store,或者调用model.find()将不起作用。

App.Store = DS.Store.extend({});

最新版本的ember-data不再有版本号,但早期版本会有,所以在这种情况下,您必须提供修订号。

您的金额控制器有拼写错误,因此它可能也会破坏路线。     未捕获的ReferenceError:未定义EmberArrayController

这是一个更新的小提琴,使这成为一个有效的例子。 http://jsfiddle.net/Ttsmk/5/