質問: document.createTextNode(result); onscolNode.appendChild(textNode); onscolNode2.appendChild(textNode2); onsrowNode.appendChild(onscolNode); onsrowNode.appendChild(onscolNode2); list.appendChild(onsrowNode); }).fail(function(){ ・・・ }); } ``` 以下body内 ``` リスト ・・・ ```
回答: OnsenUI の `` といったコンポーネントは、実際にはより多くのタグや属性で構成されています。将来的には Custom Elements という形でブラウザが直接サポートすることになるようですが、現状では Javascript を使ってコンポーネントの定義を展開する必要があります。 ``` Push Page Push Page ``` 最初からHTMLに書かれているものは `ons.bootstrap()` 時にこの処理が行われますが、後から追加した要素については `ons.compile()` を使って手動で行う必要があります。 ``` ons.bootstrap(); ons.ready(function(){ var outer = document.getElementById('hoge'); var btn1 = document.createElement('ons-button'); btn1.innerHTML = 'without compile()'; outer.appendChild(btn1); var btn2 = document.createElement('ons-button'); btn2.innerHTML = 'with compile()'; outer.appendChild(btn2); ons.compile(btn2); // compileはappendChildしてから }) ``` ``` ``` 参考 AngularJSを意識せずにOnsen UIを扱う - Onsen UI Guide