Ember と Ember Data を使い始めたばかりです。私は非常に単純なサービスを持っています。これは、バックエンド サービス (Node で記述) にヒットしています。私のサービスは 2 つのアイテムを返します。私の HTML では、2 つのアイテムが表示されます。少なくともそれらの ID は表示されます。他のプロパティはレンダリングされていません。
結果:
* Hello, 1 !
* Hello, 2 !
app.js
var App = Ember.Application.create();
App.Store = DS.Store.extend({
revision: 11
});
App.Grunt = DS.Model.extend({
firstName: DS.attr('string'),
lastName: DS.attr('string')
});
App.Router.map(function() {
this.route("grunts", { path: "/grunts" });
});
App.IndexRoute = Ember.Route.extend({
redirect: function() {
this.transitionTo('grunts');
}
});
App.GruntsRoute = Ember.Route.extend({
model: function() {
return App.Grunt.find();
}
});
index.html
<script type="text/x-handlebars" data-template-name="application">
<div>
<p>{{outlet}}</p>
</div>
</script>
<script type="text/x-handlebars" data-template-name="grunts">
<ul>
{{#each controller}}
<li>Hello, {{id}} {{firstName}} {{lastName}}!</li>
{{/each}}
</ul>
</script>
JSON:
{
"grunts": [
{
"id": 1,
"firstName": "Joe",
"lastName": "Bloggs"
},
{
"id": 2,
"firstName": "Someone",
"lastName": "Else"
}
]
}
ご協力いただきありがとうございます!