fung
fung

Reputation: 11

Emberjs ,i dont know where take mistake

first,i can watch the data in blogs template.

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

then , build a new template "blogs/index" , to render into the blogs, but now, there nothing on my page.

<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>

i don't know where take mistake and how to do

Route:

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


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

enter link description here

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

i want build a blog pag, the left is blogscategory, right is blog list, when i first into page, use 'blogs/index' to Initialization 'blogs', when click the blogscategory the blogs content will change by the category.

Upvotes: 1

Views: 55

Answers (1)

intuitivepixel
intuitivepixel

Reputation: 23322

Have a look here at your working jsbin.

Basically I've changed BlogsIndexRoute to BlogsRoute and renamed the blogs template to application. Now it correctly renders the blogs/index template into the application template. I hope this is what you where trying to achieve.

Hope it helps.

Upvotes: 1

Related Questions