-
1 votesanswersviews
量角器：使用by.deepCss（'input'）无法选择阴影DOM（聚合物）内的输入元素
环境：Angular（v5应用程序，使用Polymer Web Components . 用于运行e2e测试的量角器） . Angular CLI: 1.6.4 Node: 6.10.0 Angular: 5.2.0 @angular/cli: 1.6.4 typescript: 2.5.3 下面给出的是我的聚合物纤维网组件阴影根在铬中膨胀 . 您可以在此自定义元素中看到输入 type = &q... -
1 votesanswersviews
使用Jasmine进行单元测试：无法在Angular页面内查询Polymer 2组件的Shadow DOM中的输入元素
我正在使用一些实现ShadowDOM v1规范的Polymer 2组件，我需要在shadowRoots中选择元素（例如输入）来运行单元测试，并使用Jasmine进行少量集成测试 . 预期行为： 我们应该能够使用Jasmine选择器访问Shadow DOM元素 . var allInputs = fixture.debugElement.queryAll（By.css（'input'））; //不会... -
0 votesanswersviews
google-map web组件NoApiKeys错误
我使用 google-map web组件： <google-map class="mdl-shadow--2dp"></google-map> 我稍后在其中添加纬度和经度作为ajax返回的一部分并调整大小以显示它： $('google-map')[0].latitude = data.latitude; $('google-map')[0].long... -
1 votesanswersviews
聚合物纸张 - 对话框未显示点击铬
我正在使用最新的polymer starter kit 2.0，我在下面有这个代码，并尝试打开对话框但是在chrome中没有任何反应（它在Firefox中正常工作）： <paper-fab icon="zoom-in" onclick="dialog.open()"></paper-fab> <paper-dialog id=&... -
2 votesanswersviews
飞镖包中的聚合物元素
我有一个dart包，其中包含三个聚合物元素的扩展：tp-element-a，tp-element-b和tp-element-c . 对于这些元素中的每一个，都有一个html文件，其中包含元素的标记和代码的dart文件 . tp-element-c包含对tp-element-a和tp-element-b的引用 . 包结构如下所示： testpolymer pubspec.yaml - packag... -
2 votesanswersviews
聚合物纸张下拉's core-select event fired by another element' s核心选择器
我遇到了一个问题，其中paper-dropdown元素的on-core-select事件是由属于我的聚合物应用程序中的单独元素的核心选择器触发的 . 以下是聚合物元素的摘录，其中包括纸张下拉（以及聚合物事件脚本）： <paper-dropdown id="widthUnits" class="unitSelection" selected="... -
0 votesanswersviews
将聚合物-dart元素添加到div中
我正在尝试构建一个可以切换其他组件的组件，几乎就像页面一样，但URL没有变化 . 我有一个包含内容div的聚合物元素： <link rel="import" href="../../packages/polymer/polymer.html"> <link rel="import" href="../../p... -
1 votesanswersviews
纸张输入自动对焦在角度2组件的路由器插座内部不起作用
假设我在angular 2应用程序中定义了以下路由： @RouteConfig([{ component: FirstRouteComponent, name: "First", path: "/First", useAsDefault: true }, { co... -
6 votesanswersviews
Polymer 2动态合并模板
我正在尝试构建呈现JSON对象集合的通用Web组件，如树视图和多列表视图（在两个列表之间移动项目） . 我想复制iron-list使用的模式，其中包含单个项目表示的模板被传递到组件中以供重用 . 例如，给定此Web组件模板： <dom-module id="intworkspace-tree"> <template> <style ... -
1 votesanswersviews
聚合物1：父组件没有从子组件中监听fire事件's ' detached'方法？
我有一个parentComponent和几个childComponents，如下所示： <parent-component> <child-component> child_1 </child-component> <child-component> child_2 </child-component> </pare... -
2 votesanswersviews
聚合物1.0 - 即使自动对焦设置为假，纸张 - 文本区域也会自动对焦
我在抽屉里面有一张纸 - 文字区域 . 当我进入页面时，纸张文本区域自动对焦，打开抽屉 . 我试图通过尝试autofocus =“false”和autofocus =“off”摆脱焦点，但两者都没有对我有用 . 任何帮助，将不胜感激 . <paper-textarea id="descriptionInput" label="Description" ... -
2 votesanswersviews
父元素在其子元素之前就已准备好 - Polymer 1.0
This question had been modified to match the actual problem. 原始问题错误地集中在iron-ajax上，请参阅下面的原始问题 . 问题应该是： 请告诉我们为什么在my-component的'ready'回调期间没有准备好孩子iron-ajax元素，定义如下： <dom-module id="my-component&quo... -
1 votesanswersviews
完整渲染DOM的Polymer 1.0生命周期事件
背景 我和Polymer一起工作了一段时间 . 我一直在转换.5并为 生产环境 应用程序构建新元素 . 我们目前正在使用Polymer 1.0.6，这个特殊问题也在使用jQuery 2.x.x和typeahead.js . 问题 我们有一个元素可以构建由数据源提供的标签和输入的动态列表 . 在ready函数中，我们得到一个输入数据列表，并将其设置为绑定到foreach模板的本地列表变量，以创建标签... -
3 votesanswersviews
设置paper-header-panel（Polymer）的scroller属性
大家！我想使用带有模式瀑布和自定义元素'iron-swipeable-pages'的纸质 Headers 面板 . 我的代码看起来像这样:(它不是完全复制，只是结构） <paper-drawer-panel id="drawer" force-narrow> <div drawer> <!-- Drawer panel --> ... -
2 votesanswersviews
根据自定义元素的宽度/高度样式重新调整阴影DOM元素的大小
我正在尝试为自定义元素编写JavaScript，以便在将自定义元素应用于宽度/高度样式时，自定义元素的阴影DOM元素将适当调整大小以适合自定义元素的边框 . 我知道jQuery提供了 $(element).height() 来获取并设置了height属性 . 我能够使用 this.$ 并允许JQuery选择阴影DOM . 但是如何从聚合物元素脚本部分中选择自定义元素呢？ 谢谢 -
0 votesanswersviews
聚合物-2飞溅屏幕
我已经开始使用Polymer-2进行更大的项目 . 清除浏览器缓存（Chrome）后，我有以下加载统计信息： 113请求 986 KB已转移 完成：6.43秒 DOMContentLoaded：347ms 已加载：3.48秒 如Chrome所示 . 虽然这对于第一次加载来说并不是很长，但是如果有一个简单的（动画的）显示器正在加载某些东西，那将会很好 . 作为一个测试，我只是... -
0 votesanswersviews
使用Polymer 2.0混合组件
我正致力于从Polymer 1.0迁移到Polymer 2.0 . 我将所有组件重写为Polymer 2.0混合模式 . 但是当我在聚合物2.0下使用Polymer 2.0混合组件时，我收到下一个错误： polymer-micro.html:449 Uncaught DOMException: Failed to execute 'registerElement' on 'Document': R... -
1 votesanswersviews
如何在新的Chrome窗口中从AJAX响应中打开PDF blob
我是xhr-将一些数据发布到服务器，服务器返回一个PDF，我将其作为blob处理（为了完整起见，使用iron-ajax的handle-as = "blob"属性） .现在我想在新的浏览器窗口中显示此blob / PDF（仅限Chrome / Windows） . 我已经尝试过URL.createObjectURL（blob）和(new FileReader()).readAsD... -
3 votesanswersviews
如何使用v1规范使用Polymer 2.0 ES5元素？
我已经成功构建了许多Polymer 2.0元素，它们在支持ES6的浏览器中运行良好 . 当我尝试将它们转换为ES5时，浏览器会抛出一堆错误，如下所示： Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function... -
0 votesanswersviews
如何使用Web组件验证HTML
Headers 几乎说不出话来 . 有没有办法让validator.w3.org使用Web Components验证HTML页面，更具体地说Google Polymer？ 我最近读过与Nu Checker的创作者之一的旧访谈，他说，目前，他无意担心网络组件，因为它们尚未得到广泛支持 . 我没有正确记住访谈的日期，但是有很多填充材料可以使网络组件在IE11中正常工作 . 一旦网络组件得到更广泛的支持... -
0 votesanswersviews
Vaadin Elements Angular2，不适用于webcomponents-lite.js，但适用于webcomponents.js
Vaadin Elements的所有文档似乎都建议webcomponents-lite.js是在没有本机支持的情况下在浏览器上集成到Angular2应用程序所需的唯一polyfill . 我遇到的问题是，除非我包含完整版本，否则Angular会抱怨未在Firefox，IE和Edge中注册的组件 . 在Chrome中一切正常 . 如果我切换到完整版本，Vaadin Elements可以工作，但是包含... -
7 votesanswersviews
使用React渲染带有子内容的Polymer 1.0元素
我一直在努力解决这个问题，最后我设法追查问题的根源，但我不知道如何解决它！ 考虑在React渲染方法中渲染Polymer的元素： ReactDOM.render( <paper-button>Ok</paper-button>, document.getElementById('root') ); 以前的代码工作正常，因为 <paper-button... -
1 votesanswersviews
Polymerfire谷歌认证无法正常工作
我正在尝试使用Google进行简单登录并显示用户已登录 . 在Firebase中启用了Google Auth . 当没有用户登录时，应该隐藏注销按钮，但是当我单击登录按钮时，没有任何反应 . 浏览器中没有警告's console. Here is the code that I' m使用： <!DOCTYPE html> <html> <head> &l... -
0 votesanswersviews
回调时聚合物意外的方法范围
背景 我 Build 了一个模块化的JS Core，用于pub-sub eventing，基于Nicholas Zakas的设计和Andrew Burgess的walkthrough . 我知道还有其他方法可以实现这一点，在Polymer Communications and Messaging Page中有所描述 . 但是，我不喜欢核心信号，推荐的pub-sub方法，以及正确的JS Core和S... -
1 votesanswersviews
使用具有Polymer的外部Angular元素
我正在教自己如何使用Polymer [1.0]，我正在尝试实现数据网格 . 问题是......聚合物没有数据网格作为基础铁/纸/核心元素，所以我不得不出去找一个 . 幸运的是，有一个很好的遵循Google Material Design设计规范，所以my intention is to use this one！ 我的页面已设置为左页抽屉，顶部页眉和内容部分 . 我希望数据网格进入此内容部分 . ... -
5 votesanswersviews
将角2模型与聚合物下拉结合
我本周末决定花点时间看看Angular 2和Polymer . 我真的对棱角2感兴趣，并且真的想开始用它来构建一些东西 . 现在从Angular 2开始的一个缺点是还没有好的组件库 . 但是，由于Angular 2声称它应该与Web Components一起工作得很好，我想给Polymer一个尝试 . 我成功地将数据绑定到像输入字段这样的简单组件 . 我现在坚持的是如何将模型绑定到纸张下拉菜单的选... -
1 votesanswersviews
当type设置为number时，聚合物纸张输入似乎不能通过allowed-pattern正确阻止小数点
我正在使用type =“number”的纸张输入 . 我希望这个输入是一个整数，因此只接受数字字符 . 因此，我将允许模式设置为[0-9] . 当输入增益集中在我的平板电脑上时，会出现一个数字键盘，这是完美的 . 但是，该键盘有一个小数点按钮，如果我单击它，则允许小数点 . 更糟糕的是，如果在小数点后选择另一个数字，则整个输入值将被清除 . 对我来说奇怪的是，如果我将输入类型从“数字”更改为“文本... -
1 votesanswersviews
聚合物，影子dom，事件和bubbeling
我有一个聚合物自定义元素使用阴影dom（v1），这个元素是在另一个聚合物自定义元素内，也包裹在阴影dom .. 在我的理解中，当最内部元素引发事件时，最外部元素（应用程序）应该能够监听这些事件 . 这是不正确的？ 我在app组件中的评论组件中有一个评级组件 . 评级组件抛出一个事件： this.dispatchEvent(new CustomEvent('custom-event'), { bub... -
0 votesanswersviews
从远程URL导入Polymer Web组件
我创建了一个基于Polymer 2.0的自定义Web组件，旨在安装在第三方网站上，以显示从我的网站管理的内容 . 有问题的Web组件依赖于其他3个自定义Web组件，还依赖于iron-ajax，iron-dropdown，iron-icon，iron-icon-svg，标记元素和paper-icon-button . 为了最大限度地提高浏览器兼容性，可以使用带有默认es5-bundled预设的pol... -
2 votesanswersviews
使用React JS / Polymer的主题css选择器
我'm working with a project that uses ReactJS and I'喜欢修改主题 . 我遇到了为我的主题样式编写css选择器的问题 . 看起来似乎reactjs使用了一些阴影dom，它会破坏组件中的css选择器 . 它看起来像聚合物使用阴影dom，它打破了组件之间的css选择器（按设计） . <div id="root" class=&q...