javascript - 获取模板中的小部件选项

Question

我知道可以向 index.js 添加别名，但这是 not recommended for NPM modules .

那么，如何将 options 对象等 JavaScript 变量传递给 Nunjucks 模板？

data.widget 仅包含 id、type 和 editable。奇怪的是，它不包含标签。

index.js

module.exports = {
  extend: 'apostrophe-widgets',
  label: 'Privacy Cookie Widget',

  [...]
}

小部件.html

<div class="[...]-widget">
  [...]

  {{ data.widget.label }} <!-- Nothing. -->

  [...]
</div>

home.html

[...]
{{ apos.singleton(data.[global|page], 'widgetName', 'widget-name', {}) }}
[...]

Answer 1

从模板中，您可以像这样访问小部件根选项配置

{{ apos.log(apos.modules['my-cool-widgets'].options.coolStuff) }}

其中coolStuff在my-cool-widgets/index.js中定义

module.exports = {        
  extend: 'apostrophe-widgets',        
  label: 'Cool Widg',
  coolStuff: {
    array: [1,2,3,4],
    hello: 'boom boom',
    hehe: true
  },
  addFields: [...]        
};