我目前正致力于长期网络应用Meteor。随着时间的推移,开发人员会来来往往。因此,为了确保整个应用程序保持相同的外观和感觉,我希望能够使用meteor的模板系统创建标准组件。因此,功能模板不应包含任何html,无论这些都应包含在组件模板中。
我已经尝试meteor-polymer
但它只是崩溃了我的应用程序,感觉我应该使用流星模板系统而不是添加另一个库。聚合物也很大程度上取决于Meteor所依赖的模板标签,所以我不太确定
基本上我想在模板中做的是:
<template name="someRandomFeature">
{{#_RadioGroup name="dataInput" context=. formData=formData}}
{{#_setLabel}}Test set{{/_setLabel}}
{{#_addRow}}
{{assignValues value="random"}}
{{#_setCaption}}Random{/_setCaption}}
{{/_addRow}}
{{#_addRow}}
{{assignValues value="expression"}}
{{#_setCaption}}Expression: {{_TextInput name="testSetExpression" inline=true}}{{/_setCaption}}
{{/_addRow}}
{{/_RadioGroup}}
{{#_FormGroup}}
{{#_Config}}
{{assignValues numRows=2}}
{{/_Config}}
{{#_setRow 0}}
{{#_SetLabel}}Number of tests{{/_SetLabel}}
{{#_setStageContent}}
{{> _DropDown name="numberOfTests" items=numberOfTestsList formData=formData}}
{{/_setStageContent}}
{{/_setRow}}
{{#_setRow 1}}
{{#_SetLabel}}To email address{{/_SetLabel}}
{{#_setStageContent}}
{{> _TextInput name='respondentSelection' formData=formData}}
<span class="help-block text-left">Send all test mails to this email adress</span>
{{/_setStageContent}}
{{/_setRow}}
{{/_FormGroup}}
</template>
组件示例:
<template name="_FormGroup">
{{#with numRows=0 context=. formdata=formdata stage='config'}}
{{#with execBlock UI.contentBlock}}
<div class="form-group">
{{#each getRows}}
{{#unless ../disableLabels}}
<label class="control-label">
{{#with _constructStageList 1='rows' 2=_id 3='label'}}
{{> UI.contentBlock stage=this stageContext=../../context}}
{{/with}}
</label>
{{/unless}}
<div class="row{{#unless ../disableLabels}} controls{{/unless}}">
<div class="{{#if ../fullWidth}}col-md-16{{else}}col-md-8{{/if}}">
{{#with _constructStageList 1='rows' 2=_id 3='content'}}
{{> UI.contentBlock stage=this stageContext=../../context}}
{{/with}}
</div>
</div>
{{/each}}
</div>
{{/with}}
{{/with}}
</template>
这可行但是:
那么有人试过这样做了吗?和/或找到适用于此的模式?
答案 0 :(得分:0)
正在开发的一个项目正是这样做的:UI Harness来自Respond.ly的创建者。虽然它现在是私人的。您可以从Phil Cockfield’s talk at the July 2014 Devshop(YouTube link)了解相关信息。根据演讲视频,如果您不想等待UI Harness的发布,您应该了解如何构建自己的组件。