2015-12-01 46 views
0

假設我有一個將顯示圖形的小部件和另一個將在典型儀表板中顯示錶格的小部件。由於這個小工具的outter控制的一致性的,我希望把引導面板在顯示始終如一地爲所有小工具模板,類似下面的模板:如何在Meteor中封裝Widget模板?

<template name="widgetBox"> 
    <div class="col-xs-12 col-sm-6 col-md-4"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
     {{this.title}} 
     <span class="pull-right clickable" data-effect="fadeOut"><i class="fa fa-chevron-down"></i></span> 
     </div> 
     <div class="panel-body"> 
     <!-- I want the widget to go here --> 
     </div> 
    </div> 
    </div> 
</template> 

我不知道如何做到這一點迭代集合,因爲我想用他們自己的模板來控制每個窗體小部件的外觀。例如,兩個表視圖窗口小部件可能共享一個包含排序或過濾的模板,而兩個圖形窗口小部件將具有完全不同的需求和佈局。

是否有可能使用樣板html,如上面的「widgetBox」模板,而將另一個模板放在面板體內?

回答

2

當你想要一個外模板重複使用多個內模板,你可以使用一個路由器{{> yield}}模式使用dynamic templates

前者通常用於主頁面佈局雖然可以有多個產量在佈局中。

後者可能更適合小部件。

{{> Template.dynamic template=myTemplateName [data=data] }} 

其中myTemplateName是返回與您已經創建了一個模板的名稱的字符串輔助函數的名稱。

相關問題