javascript - 将 JSON 内容加载到 meteor 模板中

Question

我正在开发一个 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 存档，并使用助手加载它？谢谢 :)

Answer 1

我没试过，但这行得通。

1. 使用require加载json文件
2. 将值存储到reactiveVar
3. 帮助者返回

示例:

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();
    }
});