我正在开发一个Meteor应用程序,该应用程序应满足数据列表的要求,并将某些数据存储在JSON文件中作为流程的一部分。但是,我没有成功将其数据导入模板。所以我想知道如何解决这个问题。
我已经将JSON文件存储到panel / skills.json中,基本上看起来像这样:
{"skills":[
{"value":".NET Compact Framework"},
{"value":".NET Framework"},
{"value":".NET para Web"}
]}
HTML文件的外观如下所示:
<div class="required">
<input type="text" class="form-control" list="tags">
<datalist class="form-control" id="tags" name="tags">
{{#each skills}}
<option value={{value}}></option>
{{/each}}
</datalist>
</div>
有什么方法可以将JSON文件放入.js存档中,并使用帮助程序进行加载?谢谢 :)
最佳答案
我没有尝试,但这将工作。
使用require加载json文件
将值存储到reactiveVar
从助手那里回来
例:
var json = require('panel/skills.json');
Template.myTemplate.onCreated(function() {
this.skills = new ReactiveVar(json);
});
Template.myTemplate.helpers({
skills: function (){
return Template.instance().skills.get();
}
});