Javascript 在余烬视图中未正确显示内容
我是Ember的新手,我正在跟随他们的Todo教程,制作一个基本的应用程序来创建博客帖子,调整他们的代码以达到我的目的。在我将itemController添加到模板和处理Javascript 在余烬视图中未正确显示内容,javascript,ember.js,Javascript,Ember.js,我是Ember的新手,我正在跟随他们的Todo教程,制作一个基本的应用程序来创建博客帖子,调整他们的代码以达到我的目的。在我将itemController添加到模板和处理isCompleted事件的控制器之前,该应用程序一直运行良好。它没有像以前那样显示内容,而是显示:,它似乎是型号名称,而不是内容。余烬检查员说模型具有正确的属性。它只是不能正确显示。下面是一些代码: <script type="text/x-handlebars" data-template-name="posts"&g
isCompleted
事件的控制器之前,该应用程序一直运行良好。它没有像以前那样显示内容,而是显示:
,它似乎是型号名称,而不是内容
。余烬检查员说模型具有正确的属性。它只是不能正确显示。下面是一些代码:
<script type="text/x-handlebars" data-template-name="posts">
<section id="postapp">
<section id="main">
<ul id="post-list">
// new code added
{{#each itemController="post"}}
<li {{bind-attr class="isCompleted:completed"}}>
{{input type="checkbox" checked=isCompleted class="toggle"}}
<label>{{title}}</label>
<p>{{content}}</p>
</li>
{{/each}}
</ul>
</section>
</section>
</script>
如果您能深入了解为什么没有显示正确的内容,我们将不胜感激。我刚刚解决了这个问题<代码>内容是所有余烬控制器的一个属性,因此当余烬呈现页面时,我的帖子内容变量名造成了一些混乱。当我将模型和其他地方的变量名更改为
post\u content
时,页面中的内容呈现正确
// template
{{#each itemController="post"}}
<li {{bind-attr class="isCompleted:completed"}}>
{{input type="checkbox" checked=isCompleted class="toggle"}}
<label>{{title}}</label>
<p>{{post_content}}</p>
</li>
{{/each}}
//model
Posts.Post = DS.Model.extend({
title: DS.attr('string'),
post_content: DS.attr('string'),
isCompleted: DS.attr('boolean')
});
//模板
{{{#each itemController=“post”}
{{input type=“checkbox”checked=isCompleted class=“toggle”}
{{title}}
{{post_content}}
{{/每个}}
//模型
Posts.Post=DS.Model.extend({
标题:DS.attr('string'),
post_内容:DS.attr('string'),
isCompleted:DS.attr('boolean')
});
问题解决了。我刚刚解决了问题<代码>内容是所有余烬控制器的一个属性,因此当余烬呈现页面时,我的帖子内容变量名造成了一些混乱。当我将模型和其他地方的变量名更改为
post\u content
时,页面中的内容呈现正确
// template
{{#each itemController="post"}}
<li {{bind-attr class="isCompleted:completed"}}>
{{input type="checkbox" checked=isCompleted class="toggle"}}
<label>{{title}}</label>
<p>{{post_content}}</p>
</li>
{{/each}}
//model
Posts.Post = DS.Model.extend({
title: DS.attr('string'),
post_content: DS.attr('string'),
isCompleted: DS.attr('boolean')
});
//模板
{{{#each itemController=“post”}
{{input type=“checkbox”checked=isCompleted class=“toggle”}
{{title}}
{{post_content}}
{{/每个}}
//模型
Posts.Post=DS.Model.extend({
标题:DS.attr('string'),
post_内容:DS.attr('string'),
isCompleted:DS.attr('boolean')
});
问题解决了。将模板更改为
{{content.content}
也可以做到,将模板更改为{{content.content}
也可以做到