javascript - 返回路线时，Ember.js 无法在路径处找到 View

Question

我有一个简单的 ember.js 应用示例，我想在索引模板上包含一个 View 。

这适用于初始渲染。

当我链接到第二条路线并返回原始路线时，我收到错误消息无法在路径“App.testView”处找到 View

示例代码:JSFiddle

HTML 页面...

<div id="test"></div>

<script type="text/x-handlebars">
    <h1>Test Layout</h1>
    {{outlet}}        
</script>

<script type="text/x-handlebars" data-template-name="index">
    <h2>Index Template</h2>
    <p>{{#linkTo test}}test route{{/linkTo}}</p>
    <div>{{view App.testView}}</div>    
</script>

<script type="text/x-handlebars" data-template-name="test">
    <h2>Test Template</h2>
    <p>{{#linkTo index}}index route{{/linkTo}}</p>        
</script>

<script type="text/x-handlebars" data-template-name="testview">
    <p>Test View</p>
</script>

Javascript...

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

App.Router.map(function() {
    this.route("test");
});

App.testView = Ember.View.create({
    templateName: 'testview'
});

Answer 1

Fixed JSFiddle

使用 Ember.View.extend 而不是 Ember.View.create 将解决这个问题。

根据Ember API对于 {{view}} 帮助程序，您需要将其传递给一个类，而不是一个实例。助手将创建 View 的新实例并将其插入。