聚合物元素作为属性

Question

是否可以使用HTML属性而不是HTML标签来包含聚合物元素？例如：

<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>
等标记应用多个扩展程序