ember.js - 一页上有多个网点

Question

我正在尝试使用 Ember.js 组合一个应用程序

在这里找到 jsfiddle：http: //jsfiddle.net/wprk14/ARbMa/

我想我的路由/页面/模板可以正常工作，但我的导航无法显示。我想我需要添加另一个导航出口，但文档并没有真正帮助我理解我需要做什么。

相关 HTML

<div id="wrapper">
    <div id="main-content">
        <script type="text/x-handlebars">
            {{outlet}}
        </script>
    </div>
</div>
<footer>
    {{outlet nav}}
</footer>

<script type="text/x-handlebars" data-template-name="nav">
    <ul id="tab-bar">
        <li>{{#linkTo "messages.inbound"}}Inbox{{/linkTo}}</li>
        <li>{{#linkTo "messages.outbound"}}Sentbox{{/linkTo}}</li>
        <li>{{#linkTo "parking"}}Parking{{/linkTo}}</li>
        <li>{{#linkTo "fuel"}}Fuel Tracker{{/linkTo}}</li>
    </ul>
</script>

相关JS

App.Router.map(function() {
this.route("login");
this.resource('messages', function() {
    this.route('inbound');
    this.route('outbound');
});
this.route("parking");
this.route("fuel", { path: '/fuel-tracker' });
});

Answer 1

您应该添加 {{render nav}} 而不是 {{outlet nav}} 以在所有页面上呈现导航栏，无论当前插座内有什么。