导入后聚合物更新 DOM-元素

Question

我有一个 HTML 导入元素，它是一个 DOM 元素，通过以下方式导入：

<link rel="import" src="element.html">

现在我想更新自定义元素而不重新加载网站。

//example method
function updateImports(){
    update([importelement]);
}

我不知道这是否可能。

提前致谢 ;)

Answer 1

如果你想设置自定义元素的原型链但又不想立即注册，可以使用Polymer.Class函数。 Polymer.Class 与 Polymer 函数采用相同的原型参数，并建立原型链，但不注册元素。相反，它 returns 一个可以传递给 document.registerElement 的构造函数，用于在浏览器中注册您的元素，之后可用于通过代码实例化您的元素的新实例。

var MyElement = Polymer.Class({

  is: 'my-element',

  // See below for lifecycle callbacks
  created: function() {
    this.textContent = 'My element!';
  }

});

document.registerElement('my-element', MyElement);

// Equivalent:
var el1 = new MyElement();
var el2 = document.createElement('my-element');

doc

导入后聚合物更新 DOM-元素

Polymer update DOM-element after import

javascript

dom

polymer

html-imports