javascript - `is` 初始化 polymer 组件的属性

标签 javascript polymer web-component

我们从core-input得知文档 core-input应该这样使用:

<input is="core-input">

这种使用方式is初始化 polymer 组件的属性似乎没有记录在任何地方。有人可以指点我相关的文档吗?

最佳答案

isnative type extension 的属性如 W3C 规范中所定义,并非特定于 Polymer。为了使用 is 属性,自定义元素必须扩展适当的 native 元素的原型(prototype)。

document.registerElement('x-foo', {
  prototype: Object.create(HTMLParagraphElement.prototype, {}),
  extends: 'p'
});

...

<p is="x-foo"></p>

Polymer 0.5 使用 extends 属性启用此类型扩展:

<polymer-element name="x-foo" extends="p">
  ...
</polymer-element>

...

<p is="x-foo"></p>

关于javascript - `is` 初始化 polymer 组件的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29217269/

相关文章:

html - 包含 Polymer 元素(Shadow DOM)的 DIV 的动态高度

css - 如何在纸标签中的 polymer 核心列表上设置 100% 高度

javascript - 我无法查询 Shadow dom 的Select 元素

javascript - html5自定义元素的自定义方法和属性

IE 中的 JavaScript 调试

java - 如何将一个JSP包含在另一个JSP中?

javascript - 带 props 的内联模板中的 Vuejs 组件槽

javascript - 如果子 div 具有特定值,则删除父 div 类

javascript - Polymer 1.0 中带有铁列表的平滑自动滚动

css - 带有 Web 组件的页面的自定义滚动条