动态HTML错误Onsen 2

时间:2016-02-25 08:02:06

标签: angularjs cordova onsen-ui

我的应用程序上下文是在运行时生成的,在onsen 1.3上我正在使用此函数生成HTML并进行编译,

$scope.generateFrom = function (div) {
        var el = div;
        var html = HTMLGenerator.getHTML();
        el.innerHTML = html;
        ons.compile(el);
    }

但升级到onsen 2 / Angular后我收到此错误

"Error: First argument must be an instance of HTMLElement.

有任何解决此问题的建议吗?

1 个答案:

答案 0 :(得分:0)

正如@ fran-dios在Onsen论坛上所说,使用Onsen 2.0不需要手动编译元素。您要求提供动态添加元素的代码示例,因此请参阅以下代码以将列表项添加到列表中:

var onsItem= document.createElement('ons-list-item');
       onsItem.setAttribute('modifier', "chevron");
       onsItem.setAttribute('onclick', "functionName()");
       onsItem.innerHTML = '<img src="" alt="something here" />';
document.getElementById('listID').appendChild(onsItem);