Ember嵌套的路線和模型不呈現（根本）

Question

我可以得到「幫助主題」標題​​來呈現，但沒有我定義的FIXTURES。 {{#each model}}中沒有任何內容會呈現。這是我第一次使用Ember，所以任何東西（字面意義上的任何內容）都會有幫助，因爲我沒有在瀏覽器調試器中收到任何錯誤消息。

App.js

App.Router.map(function() { 
    this.resource('home', { path: "/Index" }); 
    this.resource('agents', { path: "/Agents" }); 
    this.resource('topics', function() { 
     this.resource('topic', {path: '/topic/:topic_id'}) 
    }); 
    this.resource('contacts', { path: "/Contacts" }); 
}); 

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

App.Topic = DS.Model.extend({ 
    title: DS.attr('string'), 
    info: DS.attr('string') 
}); 

App.Topic.FIXTURES = [{ 
    id: 1, 
    title: "Periscope", 
    info: "Periscope is a read-only application pulling information from D3." 
}, { 
    id: 2, 
    title: "Second post", 
    info: "ASP.NET MVC 4 is a framework for building scalable, standards-based web applications using well-established design patterns and the power of ASP.NET and the .NET Framework." 
}, { 
    id: 3, 
    title: "Ember.js", 
    info: "Ember.js is designed to help developers build ambitiously large web applications that are competitive with native apps." 
}]; 

查看

    <script type="text/x-handlebars"> 
         <div class="navbar"> 
          <div class="navbar-inner">         
          <ul id="menu"> 
           <li>{{#linkTo 'home'}}Home{{/linkTo}}</li> 
           <li>{{#linkTo 'agents'}}Agents{{/linkTo}}</li> 
           <li>{{#linkTo 'topics'}}About{{/linkTo}}</li> 
           <li>{{#linkTo 'contacts'}}Contact{{/linkTo}}</li> 
          </ul> 
          </div> 
         </div> 
         {{outlet}} 
        </script> 


<script type="text/x-handlebars" id="topics"> 
    <div class="container-fluid"> 
     <div class="row-fluid"> 
      <div class="span3"> 
       <table class='table'> 
       <thead> 
        <tr><th>Help Topics</th></tr> 
       </thead> 
       {{#each model}} 
       <tr><td> 
        {{#linkTo 'topic' this}}{{title}} {{/linkTo}} 
       </td></tr> 
       {{/each}} 
       </table> 
      </div> 
      <div class="span9"> 
       {{outlet}} 
      </div> 
     </div> 
    </div> 
</script> 
<script type="text/x-handlebars" id="topic"> 
    <h1>{{title}}</h1> 

    <div class="intro"> 
     {{info}} 
    </div> 
</script> 

Answer 1

試圖改變這樣的路線：

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

希望它能幫助。