うまくいかない「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>