バックエンドからJSONを読み込んで、モデルを開始しようとしています。これまでのところ、私はモデルを取得したと思いますが、そのプロパティは設定されていません:(
これが私のテストコードです:
window.App = Ember.Application.create();
App.Router.map(function() {
this.resource('person', { path: '/people/:person_id' });
});
App.Adapter = DS.RESTAdapter.extend({
namespace: '~user1/embertest'
});
App.Store = DS.Store.extend({
revision: 11,
adapter: App.Adapter,
});
var attr = DS.attr;
App.Person = DS.Model.extend({
firstName: attr('string'),
lastName: attr('string')
});
App.PersonRoute = Ember.Route.extend({
model: function(params) {
return App.Person.find(params) ;
}
});
App.PersonController = Ember.Controller.extend({
contentDidChange: function() {
debugger ;
console.info(this.get('content'));
}.observes('content.isLoaded')
}) ;
そして、データは以下のみを含むjsonファイルからロードされます。
{"persons": {"firstName": "Jeff","lastName": "Atwood"}}
ここで、URL localhost /〜user / embertest.html#people / 10を使用して、データがロードされ、コントローラーメソッドcontentDidChangeが呼び出されることがわかります。しかし、私がするとき
this.content.get("firstName") ; // or this.get("content").get("firstName")
「未定義」を返します。ここで何が問題になっていますか?
最後に、ここにある私のテンプレートがあります:
<script type="text/x-handlebars" data-template-name="person">
Person: {{content.firstName}}
</script>
<script type="text/x-handlebars" data-template-name="application">
{{outlet}}
</script>
乾杯