npm - 如何在 jsontohtml node-js (npm) 模块中为按钮添加点击事件

Question

我正在尝试将 JSON 转换为 HTML。我能够创建 HTML 元素和 ID 属性。但是我无法创建 onclick 事件。我正在使用npm json2htmll.jsnpm 模块。

let jsontoHtml: {

                "<>": "div",
                "html": [
                     {
                        "<>": "button",
                        "id":"button1",
                        "onclick": "ButtonClicked()",
                        "text": "Click"
                    }
                ]
            };

let html = json2html.transform({}, jsontoHtml);

电流输出：

</button id="button1">click</button>

预期输出：

<button id="button1" onclick="buttonClicked()">Click</button>

你知道我怎样才能达到预期的输出吗？

Answer 1

json2html 不支持使用 npm 模块的事件。相反，我会考虑使用 json2html 的 jquery 插件。您将能够在那里添加将直接挂钩到 jquery 事件的事件。请参阅json2html.com上的此示例

{'<>':'button','onclick':function(e){
    //e.event : the jQuery event
    //e.data  : user specified data from the the json2html options variable eventData (see Usage)
    //e.obj   : the source object that we are transforming
    //e.index : the index of the array in which the source object was found
}}