灰燼裝模板只能在頁面刷新

我在灰燼應用此路線：灰燼裝模板只能在頁面刷新

Router.map(function() { 
    // landing page (login/register) 
    this.route('home', {path: '/'}); 

    // authenticated pages 
    this.route('webappFrame', {path: '/app'}, function() { 
     this.route('feed', {path: 'feed'}); 
     this.route('photoDetail', {path: 'photo/detail/:id'}); 
    }); 
});

其中兩個「飼料」和「photoDetail」有一個模型鉤子返回一個承諾（記錄來自服務器）; 我在/ template文件夾中有一個loading.hbs模板;

在「feed」和「photoDetail」路由頁面刷新後，加載模板正確顯示; 但是當在路線之間導航時，它不再顯示（出口保持白色不可用，承諾解決）;

我用ember-cli 2.3.0-beta.1（但也嘗試1.13.14穩定）與燼2.3.0; 在官方的ember文檔中寫道，它應該總是遍歷模板樹，直到找到加載模板; 有人可以告訴我這裏有什麼問題嗎？

UPDATE -------------------------------------------- --------

// feed model hook 
model: function(params, transition) { 
    return this.store.query('photo', {type: 'feed'}); 
} 

// photoDetail model hook 
model: function(params, transition) { 
    var self = this; 

    return Ember.RSVP.hash({ 
     photo: self.store.find('photo', params.id), 
     comments: self.store.query('comment', {id: params.id}) 
    }); 
},

和在進料模板：

{{#each photo as |item|}} 
    {{photo-item item=item}} 
{{/each}}

，然後將光項目組成：

{{#link-to "webappFrame.photoDetail" item.id}} 
    <img class="photoImage" src="{{imageurl item.hash type='photo'}}"> 
{{/link-to}}

其中{{IMAGEURL}}是隻是一個幫助創造th圖像的路徑; 在這裏，我通過「item.id」鏈接到（通過「項目」本身instad）強制輸入詳細信息時的照片重新加載（以獲得評論）

現在，已經添加了模板/ webapp-frame/loading.hbs，它可以工作; 的事情是，加載模板總是在整個應用程序相同;所以我希望只有一個，而不是在每個模板子文件夾中都有一個副本...

來源

2016-01-19 Cereal Killer

你可以添加你的路線，尤其是模型掛鉤，並鏈接到助手，在您的模板 –

作爲一個側面說明，如果你的路徑不必鍵入路徑名稱相匹配在'this.route（'feed'）;'已經足夠了 –

是否還將loading.hbs添加爲/templates/webappFrame/loading.hbs？ https://guides.emberjs.com/v2.3.0/routing/loading-and-error-substates/ –

Ember處理每個路由的加載模板，其始終爲「routename-loading.hbs」，看起來您還沒有創建匹配的模板，這就是爲什麼你只看到一個白頁（默認）。如果您不確定哪些模板是必需的或者如何命名，請安裝ember inspector並檢查路由選項卡，您可以看到ember期望的內容以及應如何命名。

來源

2016-01-20 10:05:45

謝謝你;我已經有餘燼檢查員了;我已經添加了一個解決方法，即「路由加載」模板;問題在於加載模板對於每個路由都是相同的，所以我期望有一種方法可以使其無需複製粘貼同一個模板N次。 –

灰燼裝模板只能在頁面刷新

回答

相關問題