如何使用Polymer添加动态扩展元素?

时间:2015-05-09 13:14:17

标签: javascript polymer extends

我有按钮:

<button is="count-button"></button>

我成功地在html中使用它:

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name='my-input'>
    <template>
        my input
        <style>
        </style>
    </template>
    <script>
        Polymer('my-input', {
            publish: {
            },
            ready: function() {
                var node = document.createElement("button");
                node.setAttribute('is', 'count-button');
                this.shadowRoot.appendChild(node);
            }
        });
    </script>
</polymer-element>

如何在js中添加这样的按钮?我的错误版本是( ready 功能):

wx/string.h

1 个答案:

答案 0 :(得分:1)

我已经找到了自己的解决方案,它就像这两行一样简单:

EnableSendfile off

完整的答案就在这里:

var node = document.createElement("button", 'count-button');
this.shadowRoot.appendChild(node);