小编bug*_*ber的帖子

http://jsfiddle.net/bugsinamber/xjvYk/6/

建立

我有一个带有故事列表的索引视图.这会被渲染到应用程序插座中.当我点击每个故事时,故事视图会呈现在同一个插座中(替换索引视图).我正在使用嵌套路由.

问题

当我点击"所有故事"从故事视图返回索引视图时,它工作正常.但是如果点击浏览器后退按钮返回到索引视图,则路径会正确地更改为"/ stories",但索引视图不会呈现.我必须再次点击后退按钮才能呈现索引视图.

模板

<script type="text/x-handlebars" data-template-name="application">
    {{outlet}}    
</script>

<script type="text/x-handlebars" data-template-name="stories">
    <p>Stories Index Page</p>    
    {{#each story in controller}}
    {{#linkTo "story"}}
    {{story.title}}
    {{/linkTo}}
    {{/each}}   
</script>

<script type="text/x-handlebars" data-template-name="story">
   {{#linkTo "index"}}Back to all stories{{/linkTo}}

   {{title}}    
    <p>Story test page</p>
</script>

app.js

App = Ember.Application.create({});

App.Router.map(function() {
    this.resource("stories", function() {
        this.resource("story", {path: ':story_id'});
    }); 
});

App.StoriesRoute = Ember.Route.extend({
  model: function() {
    return App.Story.find();   
  }
});

App.StoryRoute = Ember.Route.extend({
  model: function(params) {
    return App.Story.find(params.story_id);
  },  
  renderTemplate: function() {
      this.render('story', {   // …