Ember: не отображать мои данные

Question

Не понимаю, почему я не могу визуализировать свои данные. Если я проверю с помощью приложения google и на консоли (App.model.store), они есть, но всякий раз, когда я пытаюсь вставить их в Handlebars, ничего не происходит. тем более странно, что ошибка не отображается.

Я подготовил упрощать версию своего приложения, чтобы разместить здесь:

<script type="text/x-handlebars" data-template-name="index"> 
    <header> 
    <ul> 
     <li>{{#linkTo "cal"}} Home {{/linkTo}}</li> 
     <li>{{#linkTo "location"}} location {{/linkTo}}</li> 
    </ul> 
</header> 
<section class="content"> 

    {{outlet}} 

</div> 
</script> 

<script type="text/x-handlebars" data-template-name="cal"> 
    <div class="calendar"> 
     Hello!!! 
    <h2>{{name}}</h2> 
    </div> 
</script> 

window.WebCalendar = Ember.Application.create(); 

WebCalendar.ApplicationAdapter = DS.FixtureAdapter.extend(); 

WebCalendar.Store = DS.Store.extend({ 
    revision: 12, 
    adapter: 'DS.FixtureAdapter' 
}); 

/////// ROUTER 
WebCalendar.Router.map(function() { 
    this.resource('index', {path: '/'}, function() { 
     this.resource("cal", {path: '/'}); 
     this.resource("location", {path: '/location'}); 
    }); 
}); 



WebCalendar.CalRoute = Ember.Route.extend({ 
    model: function(){ 
     return this.store.find('cal').toArray(); 
    } 
}); 


////// Model 
WebCalendar.Cal = DS.Model.extend({ 
    name: DS.attr('string'), 
    days_label: DS.attr('string'), 
    months_label: DS.attr('string'), 
    days_per_month: DS.attr('number'), 
    current_date: DS.attr('date') 

}); 


WebCalendar.Cal.FIXTURES = [ 
    { 
    "id": 1, 
     "name": "Jhon", 

     "days_label": ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], 

     "months_label": ['January', 'February', 'March', 'April', 
         'May', 'June', 'July', 'August', 'September', 
         'October', 'November', 'December'], 

     "days_per_month": [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], 
    } 
]; 

Я действительно не уверен, что мой файл JSON также .. Любая помощь очень ценю!

Здесь codepen

P.S. Если у вас также есть предложение, как правильно проверить ember в консоли, будет супер!

Answer 1

Посылка find() вызова найти все модели, которые CA и так будет возвращать массив все равно так не нуждается в toArray()
Учитывая, что массив возвращается вам нужно перебрать этот массив, чтобы найти имя поэтому код должен быть:

<script type="text/x-handlebars" data-template-name="cal"> 
    <div class="calendar"> 
    Hello!!! 
    {{#each cal in model}} 
    <h2>{{cal.name}}</h2> 
    {{/each}} 
    </div> 
</script> 


WebCalendar.CalRoute = Ember.Route.extend({ 
    model: function(){ 
     return this.store.find('cal'); 
    } 
}); 

также в модели вашей days_label, months_label, days_per_month определяются как строки, но в вашем JSON они являются массивами.

Ember.Logger.log(); зарегистрирует вещи уплотнительных консолей для вас: экс

WebCalendar.CalRoute = Ember.Route.extend({ 
     model: function(){ 
     var cals = this.store.find('cal'); 
     Ember.Logger.log(cals); 
      return cals 
     } 
    });