Question

我目前正在使用Visual Studio Code中的Node.js（v8.9.4）开发一个网站。该网站使用带有两个HTML Select元素的Mustache.js模板。第一个自动填充了名为＆＃34; experiment＆＃34;的不同可选选项元素。第二个Select元素应该用表示患者数据的Options元素动态填充，这些元素依赖于之前选择的实验（当http服务器响应已经编写了html文件及其底层的胡须模板时）。

我的意图是否可能，如果是，我该如何实施呢？

我尝试过一些东西（以按钮为例），但它没有用。

我的研究：

How do I add a simple onclick on a JavaScript mustache template?

Executing function on a click event in a mustache template

我的小胡子模板：

<h1>{{title}}</h1>
<ul>{{#messages}}<li>{{.}}</li>{{/messages}}</ul>
<select>{{#experimentOptions}}<option>{{.}}</option>{{/experimentOptions}} </select>
<select>{{#patientOptions}}<option>{{.}}</option>{{/patientOptions}</select>
<button onClick={{clickFunction}}>Click Me</button>

我的模特：

var model = 
{
    title: 'My Website', 
    experimentOptions: experiments,
    patientOptions: patients,
    clickFunction: function()
    {
        console.log("Button was pressed.");
    }
}

结果：

按下消息＆＃34;按钮＆＃34;在写入html文件时，在控制台上打印两次。但是，当我点击我的按钮时，没有任何事情发生。

如果我将模板更改为：

，则同样重要

<button>{{clickFunction}}</button>

非常感谢你的帮助。

如何使用Node.js为Mustache.js模板实现HTML Select EventListener？

0 个答案: