Javascript Ember.js-嵌套路由索引在退出时复制/不销毁

存在余烬在退出时未销毁索引的问题

管制员/路线：

App.AccountRoute = Ember.Route.extend({
    activate: function () {
        //Doing some stuff with login state here. Not important.
    }
});

App.AccountController = Ember.Controller.extend({
    needs: ['application'], //dependency
    account: Ember.computed.alias('controllers.application.accountData'),
    states: Ember.computed.alias('controllers.application.states'),
    userToken: Ember.computed.alias('controllers.application.userToken'),

    tabs: [{'pinned': true, 'name': { 'nestedLink': 'account.index', long: 'Account Overview' }}, {'name': { 'nestedLink': 'account.edit-profile', long: 'Edit Your Company Profile' }}, {'name': { 'nestedLink': 'account.edit-listings', long: 'Edit Your Company Listings' }}, {'name': { 'nestedLink': 'account.edit-payment-methods', long: 'Edit Your Saved Payment Methods' }}, {'name': { 'nestedLink': 'account.view-orders', long: 'View Orders' }}],
});

App.AccountIndexController = Ember.Controller.extend({
    needs: ['account']
});

这是路由器：

App.Router.map(function () {
        //...
    this.resource('account', function() {
        this.route('edit-profile');
        this.route('edit-listings');
        this.route('edit-payment-methods');
        this.route('view-orders');
    });
});

帐户模板的设置如下所示，每个嵌套路由的链接如下：

{{{{linkTo account.index}}{{{/linkTo}}

{{{linkTo account.view orders}{{{/linkTo}

<script type="text/x-handlebars" data-template-name="account">
            <h2>Account for {{account.name.company}}</h2>
            <hr />
            <div class="row">
                <div class="col-md-2 account-sidebar">
                    <ul class="list-group">
                        {{#each tabs}}
                            {{#if pinned}}
                                {{#linkTo name.nestedLink class="list-group-item pinned-item"}}
                                    {{name.long}}
                                {{/linkTo}}
                            {{else}}
                                {{#linkTo name.nestedLink class="list-group-item"}}
                                    {{name.long}}   
                                {{/linkTo}}
                            {{/if}}
                        {{else}}
                            <p class="text-danger">There are no options for your account.</p>
                        {{/each}}
                    </ul>
                </div>
                <div class="col-md-10 account-content">
                    {{outlet}}
                </div>
            </div>
        </script>

        <script type="text/x-handlebars" data-template-name="account/index">
            <h3>Account Overview</h3>
        </script>

{{Account.name.company}的帐户


{{{#每个标签}
{{{#如果被钉住}
{{{#linkTo name.nestedLink class=“列表组项目固定项目”}
{{name.long}
{{/linkTo}
{{else}
{{{#linkTo name.nestedLink class=“列表组项”}
{{name.long}
{{/linkTo}
{{/if}
{{else}
您的帐户没有选项
{{/每个}}

{{outlet}}
帐户概览

---

在“概览（索引）”选项卡和嵌套路线之间来回切换会导致：

您的“帐户/索引”模板中缺少一个结账

。应该是

<script type="text/x-handlebars" data-template-name="account/index">
   <h3>Account Overview</h3>
   <hr />
   <div class="row">
      <div class="col-md-6">
         <h4>Account Created:</h4>
         <p class="text-muted"></p>
      </div>

      <div class="col-md-6">
         <h4>Account Address:</h4>
         </p>
      </div>
   </div>
</script>

帐户概览

创建的帐户：

帐户地址：

---

请参见您的“帐户/索引”模板中缺少结账

。应该是

<script type="text/x-handlebars" data-template-name="account/index">
   <h3>Account Overview</h3>
   <hr />
   <div class="row">
      <div class="col-md-6">
         <h4>Account Created:</h4>
         <p class="text-muted"></p>
      </div>

      <div class="col-md-6">
         <h4>Account Address:</h4>
         </p>
      </div>
   </div>
</script>

帐户概览

创建的帐户：

帐户地址：

---

请参见您的“帐户/索引”模板中缺少结账

。应该是

<script type="text/x-handlebars" data-template-name="account/index">
   <h3>Account Overview</h3>
   <hr />
   <div class="row">
      <div class="col-md-6">
         <h4>Account Created:</h4>
         <p class="text-muted"></p>
      </div>

      <div class="col-md-6">
         <h4>Account Address:</h4>
         </p>
      </div>
   </div>
</script>

帐户概览

创建的帐户：

帐户地址：

---

请参见您的“帐户/索引”模板中缺少结账

。应该是

<script type="text/x-handlebars" data-template-name="account/index">
   <h3>Account Overview</h3>
   <hr />
   <div class="row">
      <div class="col-md-6">
         <h4>Account Created:</h4>
         <p class="text-muted"></p>
      </div>

      <div class="col-md-6">
         <h4>Account Address:</h4>
         </p>
      </div>
   </div>
</script>

帐户概览

创建的帐户：

帐户地址：

---

---

请参见

您是否有机会提供JSFIDLE或jsBin？@chopper Sigh。。。是的，抱歉，调试起来有点困难this@chopper同意。提琴：点击“转到帐户”，然后在选项卡（“链接”）之间切换@chopper，刚刚注意到。。。它正在做更多的复制。在导航到另一个资源时，似乎正在复制整个资源。您可以通过单击转到帐户，然后返回您的浏览器历史记录来复制它…您是否有可能提供JSFIDLE或jsBin？@chopper Sigh。。。是的，抱歉，调试起来有点困难this@chopper同意。提琴：点击“转到帐户”，然后在选项卡（“链接”）之间切换@chopper，刚刚注意到。。。它正在做更多的复制。在导航到另一个资源时，似乎正在复制整个资源。您可以通过单击转到帐户，然后返回您的浏览器历史记录来复制它…您是否有可能提供JSFIDLE或jsBin？@chopper Sigh。。。是的，抱歉，调试起来有点困难this@chopper同意。提琴：点击“转到帐户”，然后在选项卡（“链接”）之间切换@chopper，刚刚注意到。。。它正在做更多的复制。在导航到另一个资源时，似乎正在复制整个资源。您可以通过单击转到帐户，然后返回您的浏览器历史记录来复制它…您是否有可能提供JSFIDLE或jsBin？@chopper Sigh。。。是的，抱歉，调试起来有点困难this@chopper同意。提琴：点击“转到帐户”，然后在选项卡（“链接”）之间切换@chopper，刚刚注意到。。。它正在做更多的复制。在导航到另一个资源时，似乎正在复制整个资源。您可以通过单击转到帐户，然后返回浏览器历史…Lmao来复制此功能。那太傻了。我甚至没有注意到。非常感谢，没问题。别担心，这发生在我们当中最好的人身上：）勒芒。那太傻了。我甚至没有注意到。非常感谢，没问题。别担心，这发生在我们当中最好的人身上：）勒芒。那太傻了。我甚至没有注意到。非常感谢，没问题。别担心，这发生在我们当中最好的人身上：）勒芒。那太傻了。我甚至没有注意到。非常感谢，没问题。别担心，这会发生在我们当中最好的人身上：）