2013-02-07 32 views
0

因此,讓所有Emberjs的東西在一起玩起來已經很長時間了。我非常喜歡這個旅程,但不時會開始感覺到老去做這件事。在Ember視圖中獲得結果

所以我有一個應用程序點擊/#/記錄鏈接。從他們需要查詢Rails,返回結果,然後抓取其他頁面上的顯示視圖。 當我把它作爲一個單頁面的應用程序,並在頁面上顯示的時候,我已經使用它了....現在最近2天,混亂已經悄悄進入。(在視圖中的一些額外的位等被刪除)

我HBS記錄/索引視圖文件,其中部分顯示出來:

<table> 
    <tr> 
     <th>Name</th> 
    <tr> 
     <td colspan="3">{{counter}}</td> 
    </tr> 
    </tr> 
     {{#each record in controller}} 
     <tr> 
      <td>{{#linkTo "record" record}} {{record.fullName}} {{/linkTo}}</td> 
     </tr> 
     {{/each}} 
    </table> 

我的灰燼應用:

App = Ember.Application.create({ 
    rootElement: '#ember' 
}); 
App.RecordsController = Ember.ArrayController.extend({ 
}); 
App.Store = DS.Store.extend({ 
    revision: 11, 
    adapter: 'DS.RESTAdapter' 
}); 

App.Record = DS.Model.extend({ 
    firstName: DS.attr('string'), 
    middleName: DS.attr('string'), 
    surname: DS.attr('string'), 
    suffix: DS.attr('string'), 
}) 
App.Router.map(function(){ 
    this.resource('records'); 
    this.resource('record', {path: 'records/:record_id'}) 
}); 

App.IndexRoute = Ember.Route.extend({ 
    redirect: function(){ 
     this.transitionTo('records') 
    } 
}); 
App.RecordsRoute = Ember.Route.extend({ 
}); 
+0

您在Chrome控制檯中遇到什麼類型的錯誤? –

+0

沒有,這就是爲什麼我無法弄清楚。基本的hbs模板呈現其每個都是空白的#。 – tspore

+0

如果您在chrome中觀看網絡標籤,您是否看到來自適配器的ajax請求?如果是這樣的話,它返回時有一個json有效載荷(假設是200響應) –

回答

0

修改您的記錄路線,看起來像下面這種模式鉤子提供你一個方法指定控制器如何獲取內容/模型。現在當你v查看網絡選項卡,您應該看到ajax請求從您的後端獲取所有記錄(通過ember-data)

App.RecordsRoute = Ember.Route.extend({ 
    model: function() {                             
     return App.Record.find(); 
    } 
}); 
+0

真棒謝謝! – tspore