首先,我可以在博客模板中观看数据。
<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();
}
});
&LT; --------------------------------------------- --------------------------------------------&GT;
我想建立一个博客pag,左边是blogscategory,右边是博客列表,当我第一次进入页面时,使用'blogs / index'来初始化'博客',当点击blogscategory时,博客内容将按类别更改
答案 0 :(得分:1)
请查看您的工作jsbin。
基本上我已将BlogsIndexRoute
更改为BlogsRoute
并将blogs
模板重命名为application
。现在,它正确地将blogs/index
模板呈现到application
模板中。我希望这就是你想要实现的目标。
希望它有所帮助。