如何使用 Nunjucks 调用函数？

Question

我想使用 Nunjucks 调用 HTML 中的 jQuery 函数，但出现错误。我已将 JS 文件导入 HTML 文件。

Error: Unable to call 'fooName', which is undefined or falsey

有谁知道为什么我不能调用该函数？这是我的代码示例：

<a class="btn" onclick="{{fooName(test)}}" href="#">Click me!</a>

$(document).ready(() => {
  const fooName = (name) => {
    console.log(`${this.name}`)
  };
});

Answer 1

我的情况有点不同，但我仍然认为它也适用于这种情况

想法是给全局window对象添加一个函数

在将变量传递给 nunjucks 的视图渲染方法中，我添加了这个函数

var self = this;

window.onClick = function (id) {
 // self.fetchData(id);
 // Do something
}

并在 nunjucks 内

<a class="btn" onclick="window.onClick({{item.id}})">Click me!</a>

效果很好。

How to call function using Nunjucks?