首先,我可以在博客模板中查看数据。
<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();
}
});
<---------------------------------------------------- ---------------------------------------------------->
我想建立一个博客页面,左边是博客类别,右边是博客列表,当我第一次进入页面时,使用'blogs/index'来初始化'blogs',当点击blogscategory时,博客内容会根据类别而变化。