把手在 HTML 属性中设置值以供 JS 使用

Question

我正在尝试使用 HandleBars 将 HTML 属性中的值注入到 Javascript 函数

 <button onclick="myFunction({{val}})">add</button>

我测试过

<a href="{{url}}">{{direction}}</a>

但第一个不起作用

Answer 1

不清楚您所说的“不工作”是什么意思。 （模板是否正在编译？是否正在编译但标记输出不是您所期望的？是否是您所期望的但 js 事件没有在点击时触发？）

这似乎适用于最新版本的车把： http : //jsfiddle.net/8t70qtox/2/

请注意，该函数是在全局范围内触发的，因此必须在全局范围内可以访问它才能运行。

在任何情况下，最好将 js 和模板分开：而不是内联的 onclick 处理程序，添加一个类和数据元素，指定函数所需的特定于元素的任何内容，以便事件处理程序可以访问它如所须。

车把：

<button class="js-btn-clicker" data-val="{{val}}">add</button>

jQuery：

$('body').on('click','.js-btn-clicker',function(){
    var $el = $(this);
    myFunction($el.data('val'));
});

Answer 2

尝试更改这样的语法： Handlebars

<button onclick= 'myFunction(" {{ val }} ")'>add</button>