Зачем мне это показывать?

Question

У меня есть следующие шаблоны:

<script type="text/x-handlebars" data-template-name="projects"> 
    <div class="container-fluid"> 
     <div class="row-fluid"> 
     {{#linkTo "projects"}}Root{{/linkTo}} 
     {{#each controller}} 
      <div class="span4"> 
      {{#linkTo "projects.show" this}}{{this.name}}{{/linkTo}} 
      </div> 
     {{/each}} 
     </div> 
     {{outlet}} 
    </div> 
    </script> 

И:

<script type="text/x-handlebars" data-template-name="projects/show"> 
    <h2>Overview of {{name}}</h2> 
    </script> 

и следующее содержание в app.js:

App = Ember.Application.create({ 
    LOG_TRANSITIONS: true 
}); 

App.Project = DS.Model.extend({ 
    name: DS.attr("string"), 
    key : DS.attr("string") 
}); 

App.Router.map(function() { 
    this.resource("projects",function() { 
    this.route("show", {path: "/:project_id"}); 
    }); 
}); 

App.IndexRoute = Ember.Route.extend({ 
    redirect: function() { 
    this.transitionTo("projects"); 
    } 
}); 

App.ProjectsRoute = Ember.Route.extend({ 
    model: function() { 
    return this.store.find("project"); 
    }, 
}) 

и следующие настройки модели:

App.Store = DS.Store.extend({ 
    adapter: DS.FixtureAdapter // run with fixture data 
}); 

App.Project.FIXTURES = [ 
    { 
    id: 1, 
    name: 'Proj1', 
    key: "P1KEY" 
    }, 
    { 
    id: 2, 
    name: 'Proj2', 
    key: "P2KEY" 
    }, 
]; 

Когда я впервые перейду на страницу, я вижу следующие 3 ссылки (Root, Proj1 и Proj2). Так как я нахожусь в индексном изначально, я вижу это:

Затем я нажимаю на первом проекте, и я вижу это:

И, наконец, я вернуться к индексу, но содержание проекта/шоу, кажется, все еще есть:

Может ли кто-нибудь объяснить, что происходит?

Answer 1

Когда вы говорите, вернитесь к индексу, вы говорите, что нажимаете ссылку Root? Похоже, что это работает для меня:

http://emberjs.jsbin.com/IBECuSID/1/edit

BTW, я подошел к новой версии Ember данных, поэтому незначительные изменения:

App.ApplicationAdapter = DS.FixtureAdapter;