1

まず、ブログのテンプレートでデータを見ることができます。

<script type="text/x-handlebars" id="blogs">
<div>  
<div>
 {{#linkTo 'blogs' }}bogsCategory{{/linkTo}}
</div>
<ul>
    {{#each controller}}
       <li>{{title}}</li>
    {{/each}}
  </ul>
</div>  
  </script>

次に、新しいテンプレート「blogs/index」を作成してブログにレンダリングしますが、現在、私のページには何もありません。 

<script type="text/x-handlebars" id="blogs/index">
  <ul>
    {{#each controller}}
       <li>{{title}}</li>
    {{/each}}
  </ul>  
  </script>

  <script type="text/x-handlebars" id="blogs">
    <div>  
    <div>
     {{#linkTo 'blogs' }}bogsCategory{{/linkTo}}
    </div>
    {{ outlet }}
    </div>  
      </script>

どこで間違えてどうすればいいのかわからない

ルート：

App.Router.map(function(){
  this.resource('blogs', { path: '/'});
});


App.BlogsIndexRoute=Em.Route.extend({
  model: function(){
    return App.Blog.find();
  }
});

ここにリンクの説明を入力

<------------------------------------------------- ---------------------------------------->

ブログ ページを作成します。左が blogscategory、右がブログ リストです。最初にページにアクセスしたときに、「blogs/index」を使用して「blogs」を初期化します。blogscategory をクリックすると、ブログのコンテンツがカテゴリごとに変わります。

4

1 に答える 1

1

作業中のjsbinをご覧ください。

基本的に、テンプレートを に変更BlogsIndexRouteし、名前を変更しました。テンプレートをテンプレートに正しくレンダリングするようになりました。これがあなたが達成しようとしているものであることを願っています。BlogsRouteblogsapplicationblogs/indexapplication

それが役に立てば幸い。

于 2013-07-29T07:58:55.567 に答える