Javascript 在余烬视图中未正确显示内容

Javascript 在余烬视图中未正确显示内容,javascript,ember.js,Javascript,Ember.js,我是Ember的新手,我正在跟随他们的Todo教程,制作一个基本的应用程序来创建博客帖子,调整他们的代码以达到我的目的。在我将itemController添加到模板和处理isCompleted事件的控制器之前,该应用程序一直运行良好。它没有像以前那样显示内容,而是显示:,它似乎是型号名称,而不是内容。余烬检查员说模型具有正确的属性。它只是不能正确显示。下面是一些代码: <script type="text/x-handlebars" data-template-name="posts"&g

我是Ember的新手,我正在跟随他们的Todo教程,制作一个基本的应用程序来创建博客帖子,调整他们的代码以达到我的目的。在我将itemController添加到模板和处理
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}
也可以做到