2016-01-16 47 views
1

我的流星應用有以下基本的佈局:注入上下文和標記到另一個模板

<template name="layout"> 
    {{> header}} 
    {{> yield}} 
    {{> footer}} 
</template> 

header模板包含全寬頭:

<template name="header"> 
    <div> 
     <!--implementation of full-width header--> 
     <h1>{{pageTitle}}</h1> 
     <!--insert custom html here, e.g. search input or options (see screenshot)--> 
    </div> 
</template> 

然後,我有多個yield模板這就是主要內容所在。 我的每個yield模板,我希望能夠加載自定義內容「到」我的header模板:

  • 設置pageTitle屬性,所以我有充分的路由頁上的自定義標題
  • 插入一些html內容,例如這樣做表現出一定的擴展選項(在這個例子是關於過濾查詢的結果,但基本上它的HTML內容)

什麼是做到這一點的最好方法是什麼?

爲了更好地理解我包括網頁看起來像一個截圖: Screenshot Skeleton

編輯

我想出了以下內容。我想補充的另一個基本模板佈局,讓我們把它headerYield

<template name="layout"> 
    {{> header}} 
    {{> headerYield}} 
    {{> yield}} 
    {{> footer}} 
</template> 

所有自定義標記會去那裏,與缺點,我需要爲每個視圖自定義模板。

回答

0

這個問題還不清楚。問題是如何包含標題模板的?如果是這樣,那麼這將是答案...

<template name="header"> 
    <div> <!-- abosolute position full div --> </div> 
    <!-- markup here brah --> 
</template> 

現在,如果問題是如何包含頁面標題?如果是的話,這將是答案...

Router.route('/user', { 
    onAfterAction: function() { 
    document.title = 'page title'; 
    } 
}); 

這裏假設你已經安裝了鐵路由器的封裝。鐵路由器只是控制在查看特定頁面時顯示的模板。例如,路由「/用戶」可以發送到您選擇的任何模板。如果你想了解如何安裝鐵路路由器或它可以做什麼,你可以看到他們的文檔。這是必要的流星應用: iron router

更新:

看你的個人資料後,你的其他問題包括鐵路由器,所以你以前使用過它。所以現在我真的很困惑你的問題是什麼。

+0

sry,我最初的問題有點混淆。我相應地更新了它。 – Ronin

相關問題