EmberJs - Получение данных json к представлению

Question

Это будет что-то очень простое, но на данный момент у меня возникают проблемы с разработкой того, как получить данные json в моем шаблоне просмотра.

На моей странице индекса У меня есть следующий код:

App.IndexRoute = Ember.Route.extend({ 
    model: function() { 
    var pageContent = App.Content.find(1); 

    } 
}); 

Который возвращается в JSON, что нужно для содержания страницы с идентификатором 1. (Это работает, как я вижу результаты в Firebug консоли.

Это возвращение следующий JSON

{"content":[{"id":"1","name":"Home","extended":"This is the homepage.","created":"2013-08-05 23:40:55","modified":"2013-08-05 23:40:55"}]} 

у меня есть эта настройка вида, но я не могу работать, как, как получить данные из JSON в целях:

<script type="text/x-handlebars" id="index"> 
<div class='index'> 
    {{pageContent.entended}} 

    The home page 
</div> 

P.S. Я только начинал с EmberJS, поэтому считаю, что это будет очень просто.

Благодаря

Answer 1

Вы должны фактически возвратить результаты от вашей модели крючка:

App.IndexRoute = Ember.Route.extend({ 
    model: function() { 
    return App.Content.find(1); 
    } 
}); 

, а затем в шаблоне:

<script type="text/x-handlebars" id="index"> 
    <div class='index'> 
    {{model.extended}} 
    The home page 
</div> 

Что касается вашего JSON, он должен иметь это формат:

{ 
    "content": { 
    "id":"1", 
    "name":"Home", 
    "extended":"This is the homepage.", 
    "created":"2013-08-05 23:40:55", 
    "modified":"2013-08-05 23:40:55" 
    } 
} 

Обратите внимание на удаленный [].

Simple Demo here.

Надеюсь, это поможет.