-
1 votesanswersviews
将Polymer 3组件导入Angular 5项目
我'm starting with polymer 3 and i'正在研究这个教程https://www.polymer-project.org/1.0/start/first-element/step-5，所以基本上我有组件js文件如下 icon-toggle.js import { PolymerElement, html } from '@polymer/polymer/polymer-e... -
1 votesanswersviews
Polymer 2.0并将属性传递给子级
我正在通过Polymer 2.0玩Web Components . 我想写的最终HTML看起来像这样： <card size="small"> <card-header> // Markup </card-header> <card-body> // Markup </card-body>... -
2 votesanswersviews
在Polymer 2.0中动态更改样式
我正在编写一个概念验证Polymer 2.0 Web组件，我想根据用户输入更改一段文本的颜色 . 我已经尝试过使用Polymer 2.0的this.updateStyles（）和Polymer.updateStyles（），但两者都没有更新输出的文本 . 例如 Polymer.updateStyles({'--tool-colour': 'green'}); 我写过一个能说明问题here的傻瓜 ... -
0 votesanswersviews
用于firefox的Polymer 3.0 Polyfils
我正在使用firefox 52.3.0并计划使用Web组件（Polymer 3.0）进行开发 . 我正在寻找在Firefox中运行的聚合物3.0 polyfil . 我试过webcomponents-lite.js（部分工作 - 不支持es5聚合物）我试过webcomponents-bundle.js（ddnt workd）我甚至从@webcomponents存储库添加了es5-adapter.j... -
3 votesanswersviews
将函数作为参数传递给子组分聚合物3
我是Polymer的新手，并且正在使用一个名为Polymer 3 - Code的课程学习它，就像Google开发人员一样 . 我想从子组件调用函数： addContactClick() ： side-menu . 为此，我已将该函数作为参数传递 . 我在 side-menu 中定义了它并使用 on-click 调用它 start-polymer3.js: import { Polymer... -
0 votesanswersviews
如何消耗聚合物点燃元件？
我有一个litElement，我将需要从另一个域消费 . 我的浏览器是Chrome，我使用'聚合物服务'并直接导航到es5-bundle . 点燃元素非常简单 . 只是一些静态文本 . 当我使用 'polymer build' 时，我的条目HTML页面被编译（或转换） . 我看到添加了对 'custom-elements-es5-adapter.js' 的引用，以及其他自定义JavaScript ... -
1 votesanswersviews
使用Polymer跨浏览器扩展本机元素
Heya大家， 我尝试使用聚合物为<option>元素创建本机元素扩展 . 理念是，为选项制作更复杂的描述性文本，可用于可用性 . 可用性问题： 这不是一件大事，但是一个项目（服务端渲染）我正致力于可用性 . 特别是视觉更新 . 所以我找到了一些选项，其中的选项显示他们的信息未对齐且不易阅读 . <option value="1">Magnesium 4... -
0 votesanswersviews
当与Polymer一起使用时，CSS样式不会应用于firefox中的ag-grid
有关详细信息，请查看代码段和注释 Gist of problem: 在聚合物元件内使用ag-grid webcomponent . 由于样式形成本地聚合物dom不会在不使用 /deep/ 选择器的情况下应用于网格dom，因此我在 dom-module 标记之外使用了样式标记 . 外部标记中的样式将应用于chrome，但它在Firefox中不起作用 . Example code: <!-- ... -
1 votesanswersviews
Web组件的封装和事件绑定到shadow DOM元素
在开始使用Polymer之前，我开始详细了解Web组件 . 我正在研究一个使用两个 <button> 和一个 <input type="text"> 元素创建旋转按钮的简单示例 . 模板是： <template id="tplSpinButton"> <style type="text/css"... -
7 votesanswersviews
如何定位<content>下的Shadow DOM事件？
我试图通过一个 <content> 元素来理解在DOM DOM中发生什么事件 . 我正在阅读Shadow DOM W3C Draft，我并不完全理解它，但从EventListener附件的角度来看，事件似乎是"retargeted" . 在事件路径跨多个节点树的情况下，调整事件的事件目标信息以保持封装 . 事件重定向是计算调度事件的节点的每个祖先的相对目标的过程 ... -
6 votesanswersviews
是否可以在轻型DOM中声明插槽名称？
在shadow DOM v0中，开发人员不需要了解如何将light DOM内容放置在组件的阴影dom中的内部实现 . v0规范与 <select> 和 <option> 等内置组件的当前行为相匹配，其中消费者并不关心具体放置元素内容的位置 . 相反，shadow DOM会自动选取与 <content> 标签上的 select 属性中指定的选择器匹配的元素，并将它... -
2 votesanswersviews
在嵌套的shadow DOM中重新分配重复的槽元素
背景：此问题涉及为最近版本的Chrome开发扩展程序 . 它依赖于javascript功能，例如HTML导入和自定义元素，这些功能并非在所有浏览器上都可用，但在这种情况下可以 . 我正在尝试实现简化的HTML自定义元素，如下所示： <custom-el> <span slot="head">Great</span> <... -
4 votesanswersviews
将样式应用于浏览器自己的元素，还是原生的ShadowDOM？
在Rob Dodson谈到Web Components之后，他在那里提到了全新的"cat" ^^ 和"hat" ^ CSS选择器，我还是给了浏览器've asked about the possibilities of applying styles not only to a custom element' ShadowDOM？ 是否可以设置Shad... -
9 votesanswersviews
自定义元素和可访问性
我想使用当前的Web组件规范实现一个列表框小部件 . 此外，生成的列表框应符合ARIA标准 . 实例化列表框小部件应该如下所示： <x-listbox> <x-option>Option 1</x-option> <x-option>Option 2</x-option> </x-listbox> 出于清洁和... -
0 votesanswersviews
如何为不支持Shadow DOM的浏览器创建CSS回退？
为了学习Web组件的新概念，我正在使用http://webcomponents.org/提供的polyfill . 我不想使用Polymer，而只使用普通的API . 此外，我的目标是至少支持Chrome，Firefox和IE的最新版本 . 我正在使用id为“sdtemplate”的模板创建一个自定义元素“user-profile”，然后将其附加到Shadow DOM中： <template... -
1 votesanswersviews
AngularDart组件Shadow Dom CSS封装仅适用于Dartium
我一直在玩Angular Dart . 我非常喜欢它，但是我遇到了关于组件和Shadow Dom CSS encapsulation 的问题 . 据我所知，组件内定义的样式应该只应用在Shadow Root中 . 一切都在Chromium中按预期工作，但是当我在其他浏览器（甚至是Chrome）中运行我的应用程序时，组件的样式也会应用于Shadow Root . 预期的行为： one styled... -
0 votesanswersviews
聚合物谷歌 Map 标记infoWindow内容没有显示
我试图使用infoWindow中的属性内容显示一些信息，用于谷歌 Map 标记，如下所示： <google-map-info content="{{marker.latLonTs.ts}}"></google-map-info> 但没有显示任何内容，我设法使用此代码显示它： <google-map-info > <p>{... -
45 votesanswersviews
Facebook的反应与Web组件（聚合物）的优缺点[关闭]
Facebook的React对即将到来的Web Components规范的主要好处是什么，反之亦然（或者可能是Google的Polymer库比较多的苹果对苹果）？ 根据this JSConf EU talk和React主页，React的主要好处是： 使用组件模型解耦并增加内聚力 抽象，构成和表现力 虚拟DOM和综合事件（这基本上意味着他们完全重新实现了DOM及其事件系统） 在IE ... -
2 votesanswersviews
如何为angularjs可重用组件打包资产？
我目前正在开发一个angularjs项目，并尝试构建可重复使用的组件 - 受到this article（它也产生了angular component spec）的启发 . 我想知道如何打包我想要包含在组件中的图像/样式表？ 我想要的一些东西： Sass样式 在组件目录中存储图像的位置，以及在样式表中引用它们的方法 使用组件在应用程序中覆盖样式 目前我的想法是： 在我的凉亭组件目录... -
0 votesanswersviews
调度操作和状态更新时，组件不重新呈现
当我点击我的一个InspectorOption组件时，我的redux Logger 显示调度了一个动作，状态按预期更新 . My InspectorSelect和子InspectorOption组件使用react-redux连接到mapStateToProps，这些组件依赖于来自state的那些props . 但即使状态正在更新且组件依赖于状态，组件也不会在状态更新时重新呈现 . 当状态发生变化时... -
3 votesanswersviews
聚合物纸输入掩模
我正在使用Polymer（v1.4.0）进行项目，我想知道是否有任何方法可以为纸张输入添加输入掩码？ 我试图使用jquery.inputmask将它直接添加到paper-input的inputElement，但随后绑定和更改事件停止工作 . 如果那是不可能的，你知道任何其他带掩码支持的文本输入Web组件吗？ 谢谢！安德烈 -
1 votesanswersviews
定义Polymer Web组件而不导入它们
有没有办法直接在HTML文件中为使用它们的页面定义Polymer Web组件，而不是通过链接标记导入它们？ 这似乎更快，因为必须请求页面，然后发送Web组件html文件的请求 . 到目前为止，我看到的所有指南仅引用通过 <link rel="import" href="/my_component.html" /> 进行导入 . -
0 votesanswersviews
阴影dom内的聚合物元素可以工作，但没有样式
我正在开发一个应用程序，它使用自定义元素API（使用webcomponents.js作为polyfill） . 在我的元素内部，我想将所有内容封装在阴影根中 . 聚合物元素的HTML模板似乎是正确导入的，但是缺少样式 - 不像我将元素放在外面时，样式似乎有效： class TestWC extends HTMLElement { createdCallback() { console.... -
0 votesanswersviews
HTML导入加载的聚合物覆盖脚本
是否可以访问（Polymer）Web组件的依赖项（也是一个组件），它唯一能做的就是加载一个js脚本，并用另一个（我的情况下是更新的版本）脚本覆盖它？ 具体问题：我正在使用各种Polymer元素（例如paper-dialog），它们使用neon-animation，其不同的动画都导入了web-animations HTML，它加载了我想要覆盖的脚本 . 换句话说，我想执行类似于 /deep/ 组合器... -
2 votesanswersviews
Angular 2和Polymer Web Components - 不一致的行为
这里有四个Plnks，说明了将一个Polymer paper-input <link> 导入插入Angular 2应用程序的四种不同方法 Working paper-input link in a routable component html file paper-input link in index.html Not Working paper-input link in a ... -
1 votesanswersviews
多聚合物2进口失败
我在这里找到答案：我有一个使用聚合物2组件的5角应用程序 . 首先，我动态添加元素dom的头像 <link id="ace-widget-link" rel="import" href="https://lostinbrittany.github.io/ace-widget/components/ace-widget/ace-widget.h... -
0 votesanswersviews
使用Polymer 3注入HTML
我想在Polymer 3中的模板中添加一些HTML格式的文本 . 这个HTML来自一个函数（使用'localize'从翻译文件中获取字符串），如： This is <sup>®</sup> text. 我发现这样做的唯一方法是在模板中添加一个DIV标签和一些类（myText值来自函数）： return html` <div class="marker&... -
1 votesanswersviews
如何使用webpack加载Web组件
我正在使用带有elm的webpack 4并试图将leaflet-map作为web组件引入 . （这是可取的，因为榆树有一个虚拟的dom，所以与标准JS的混合倾向于引起对受控元素的争夺，它也减少了端口的使用以与传单交谈） . 但是，我正在努力以这种方式配置webpack，它认识到导入 . 有问题的包装https://github.com/leaflet-extras/leaflet-map是一个凉... -
1 votesanswersviews
在Safari中使用Web Components拖放
如果在Web组件的Shadow DOM中的子项上开始拖动，则在Safari 11.1（MacOS） dragstart 中拖动Web组件时会立即跟随 dragend 事件 . 它在Chrome和Firefox中运行良好，如何在Safari中启用拖放功能？ 对于Web组件构建without external library以及using Polymer 3时会发生这种情况 . 例如，拖动 <d... -
0 votesanswersviews
如何处理定制聚合物2元素中的vaadin-grid事件？
我需要在自定义Polymer 2元素中包含一个vaadin-grid，并且需要处理行选择事件，但我似乎无法让它工作 . 我已经设法从提供的各种入门模板和演示中拼凑出来，基本的点击事件处理程序可以工作，但我不知道如何处理行选择 . 我实际上正在使用vaadin-grid的v3.0.0-beta1，因为我无法让v2工作，但我认为这不是我的问题 . 当你将它们包含在自己的自定义元素中时，是否有人知道如何...