javascript - 作为属性的 polymer 元素

Question

是否可以使用 HTML 属性而不是 HTML 标签来包含 polymer 元素？例如:

<div some-polymer-behavior></div>

如果我想用某些功能来装饰现有元素，我认为使用属性比将代码包装到 HTML 标记中更方便。

Answer 1

您正在寻找的是extending native HTML elements .

你的元素是

Polymer({
   is: 'my-div-extension',
   extends: 'div'
});

用法是

<div is="my-div-extension"></div>

不幸的是，这有一些缺点，您应该注意:

1. 它不是标准化的，并且 likely to be obsolete before Web Components spec is finished .
2. 不可能 ( yet ) 扩展其他 Polymer 元素
   • 您可以使用behaviors相反
3. 不可能一次性扩展多个原生元素
   • 包装元素更合适
4. 您不能将多个扩展名应用于一个标签，例如 <div behavior-one behavior-two>