1

我在“emberjs.com”上关注了一个不太顺利的例子。我的应用程序中有一个“GuestController”和“GuestView”。我想使用“{{#view}} & {{#each}} 从“GuestView”输出一个名为“guests”的对象。我正在关注这个在线示例:

http://emberjs.com/documentation/#toc_displaying-a-list-of-items

小提琴:http: //jsfiddle.net/exciter/MjA5A/8/

这是代码:

应用程序代码:

$(function(){

    App = Ember.Application.create({
        ready: function(){
            //alert("APP INIT");
        }
    });

    App.ApplicationController = Ember.Controller.extend();
    App.ApplicationView = Ember.View.extend({
        templateName: "application",
        classNames: ['']
    });

    App.GuestController = Ember.Controller.extend();
    App.GuestView = Ember.View.extend({

        guests: [{name:"The Doctor" },
                 {name:"The Scientist" },
                 {name:"The Maestro"}]

    });

    App.initialize();
}); 

HTML:

<script type="text/x-handlebars" data-template-name="application">

    {{#each App.GuestController}}
        {{#view App.GuestView}}
            {{guests}}
        {{/view}}
    {{/each}}
</script>
4

1 回答 1

6

首先,我们使用{{each}}块助手来迭代一个项目数组,现在当你说{{#each GuestController}}控制器应该是 type Ember.ArrayController,并{{#each GuestController}}在 GuestController 中查找将用于迭代的 content 属性,根据示例我认为就是您要实现的...

相反,如果您想在视图中迭代数组,请检查

于 2012-12-28T08:48:01.967 回答