我正在开发一个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();
    }
});

10-05 21:05
查看更多