Как добавить событие нажатия для кнопки в модуле jsonto html node-js (npm) - PullRequest
Новая
       17

Как добавить событие нажатия для кнопки в модуле jsonto html node-js (npm)

2 голосов
/ 03 августа 2020

Я пытаюсь преобразовать JSON в HTML. Я могу создать элемент HTML и атрибут ID. Однако я не могу создавать события onclick. Я использую модуль npm json2htmll.js npm. 

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>

Знаете ли вы, как я может достичь ожидаемого результата?

1 Ответ

1 голос
/ 12 августа 2020

json2 html не поддерживает события, использующие модуль npm. Вместо этого я бы посмотрел на использование плагина jquery для json2 html. Вы сможете добавлять туда события, которые будут напрямую подключаться к событию jquery. См. Этот пример на json2 html .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
}}
...