动态创建 Onsen UI 元素

Question

是否可以使用 JavaScript 动态创建 Onsen UI 元素？官方documentation对此只字未提

Answer 1

您可以使用 ons._util.createElement() 函数动态创建 Onsen UUI 元素。在输入中，它需要您要生成的 HTML 代码。例如：

var button = ons._util.createElement("<ons-button></ons-button>");
document.body.appendChild(button);

它将创建一个 ons-button 元素，并将其附加到正文中。

编辑

您也可以通过其他方式创建它：

var div = document.createElement('div');
div.innerHTML = '<ons-button></ons-button>'
document.body.appendChild(div);

Answer 2

var content = document.getElementById("my-content");
    content.innerHTML="<ons-button>Another Button</ons-button>";
    ons.compile(content);

你身上有这个html

<div id="my-content"></div>

Create Onsen UI elements dynamically