Динамически создавать элементы пользовательского интерфейса Onsen

Question

Возможно ли создание элементов Onsen UI динамически с использованием JavaScript? Официальный documentation ничего не говорит об этом.

Answer 1

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

с этим в вас HTML

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

Answer 2

Вы можете создавать динамически элементы OnUUU UUI с помощью функции ons._util.createElement(). Для ввода требуется код HTML, который вы хотите сгенерировать. Например:

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

Это создаст ons-button элемент, и добавить его к телу.

EDIT

Вы также можете создать его в качестве альтернативного способа:

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