web-component

2热度

1回答

我一直在使用聚合物构建幻灯片自定义元素，并且已经使用Animate.css库进行幻灯片切换。当Canary启用“实验性网络平台”功能时，标签会按预期工作，但在关闭实验功能的常规铬版中，平台填充不允许我在样式标签中进行数据绑定。举个例子： <polymer-element name="impress-slide" constructor="ImpressSlide" attributes="exit

1热度

2回答

如何声明性地创建自定义HTML元素？

我试图创建自定义元素，但有麻烦。我readsomanydocs，但他们都似乎过时或不足，因为超级新的和不断变化的技术。有没有人知道如何解决这个问题？当前上下文（this）没有register，我也无法更新模板。我在正确的轨道上吗？ <my-date><my-date> <element name="my-date"> <template> <style>

6热度

2回答

嵌套聚合物模板的继承

是否有任何方法将聚合物子模板与其父模板包围起来？在下面的例子阴影标签带给父母的模板到子视图，但它忽略了它的内容：父聚合物构件 <polymer-element name="my-window"> <template> <div class="windowframe"> <p>test</p> <!-- can be shown with shadow tag -

1热度

1回答

使用Google聚合平台时未定义_polyfilled？

我想创建与谷歌聚合物的platform.js一个很简单的例子，但我得到了以下错误：Uncaught TypeError: Cannot read property '_polyfilled' of undefined 这里就是我想要做： <current-date></current-date> <script> document.registerElement('current-d

7热度

2回答

动态加载Web组件/ HTML导入？

你将如何去动态加载一个Web组件 - 例如，为了响应一个URL路由变化？我不会提前知道请求的组件，那么您是否可以简单地使用JavaScript来编写HTML导入，然后将代码添加到页面中，或者是否存在这种影响？也许谷歌聚合物帮助？

1热度

1回答

自定义元素内的脚本标记

我正在使用使用Google Map的api的聚合物创建自定义元素。我希望这个元素能够处理Google Map的脚本标记。这应该在自定义元素中进行？简单地把它放在页面的顶部会引发一个跨域问题。 <script src="http://maps.google.com/maps/api/js?sensor=false"></script> <link rel="import" href="../b

1热度

1回答

使用Polymer.dart从动态添加的自定义元素内部操纵阴影DOM

这款最小聚合物应用程序具有一个可容纳“轨道”的“浏览器”。浏览器需要能够拨打render。轨道呈现时，会为其影子DOM添加一个新的<p>节点。现在，调用render时，创建了ParagraphElement，并且没有任何问题地找到父级“div＃insert-here”，但是将新创建的ParagraphElement添加到div的子级不会在浏览器中呈现。如果我们改变了代码中插入一个新的<p>到e

17热度

1回答

聚合物和WebComponentsReady事件

按照Polymer docs，因为...... 的polyfills解析元素定义和异步处理的升级WebComponentsReady事件是必要的。如果您在DOM有可能升级之前过早地从DOM获取元素，那么您将使用HTMLUnknownElement。在这些情况下，等待WebComponentsReady事件与元素我有进口的单一Web组件并注册登录，当所有网络组件加载到语句的处理程序的HTML页面交

2热度

1回答

Shadow DOM：如果主机元素为<body>，如何应用CSS样式？

如果它是直接子元素<body>，我必须将特殊CSS样式应用于我的Web组件。以下是我试过到目前为止： /* applies even if the component isn't a direct child */ :host(body) { color: red; } /* never applies */ :host(body:host) { color: red

2热度

1回答

如何在定制元素中使用周围页面的样式进行链接？

我有一个自定义的<my-header>元素，它可以在shadow dom中生成一个链接，我希望它的样式与周围页面中的其他链接相同。旧的applyAuthorStyles属性是一个体面的方法来完成，虽然它有own problems。现在，applyAuthorStyles已被删除，我看到的选择是有嵌器定义他们的全局样式为： a, *^a { color: green; } 等，其侵入风格，不希望