是否有关于如何为Polymer设置开发环境的文档

似乎您必须手动签出一堆repo,当我尝试运行core tests runner.html时,它们引用了来自受浏览器限制的文件夹外部的htmls,Polymer使用了组件的概念。我们将组件定义为文件夹中的一组可共享资源。所有组件都应该放在一个主文件夹中(我通常称之为components)。这样,一个组件可以通过查看。//来引用另一个组件 项目通常如下所示: my-project/ index.html components/ <-- could be symlink or a

Polymer 从<;内容>;

我有一个表单el,它只是一个容器,必须用特定的类将所有孩子包装在div中。我不想在每个表单元素中重复这个div,而是允许el中的来包装它们。 我可以循环所有元素并将它们包装到其他html标记中吗 // Markup <form-el> <input-el label="name" type="text" /> <span>This must also be wrapped</span> </form-el> // Wo

Polymer 构建多个聚合物组件的最佳目录结构是什么?

我正在构建多个聚合物组件,用于多个项目。他们每个人都有自己的git回购协议。其中一些是其他的依赖项。目前,我已将每个组件克隆到“components”目录中。但这是有问题的。如果我运行bower安装,以便在不提交、按下和更新bower的情况下访问功能演示页面,则其他组件(如Polymer/paper button)将按照.bowerrc文件在同一级别安装。然后,我混合了源和消费组件目录。此外,我自己的组件也会从github中重新获取(可能只是有时会这样),并覆盖包含.git目录的目录 组织我的组

Polymer 阴影根中的引用元素

假设我有这个代码:(或者访问这个) 身体{ 字体系列:无衬线; } 核心脚手架{ } 芯头面板{ 浮动:左; 高度:400px; } .芯头{ 高度:64px; 线高:60px; 字号:18px; 填充:0 10px; 背景色:#FF66CC; 颜色:#FFF; 过渡:高度0.2s; } .核心标题内容{ 填充:20px; } .主菜单{ 背景:透明; } .搜索{ 位置:静态; 边界:0; 填充:0; 显示:内联块; } .搜索核心图标{ 显示:内联块; } .搜索输入{ 框大小:边框框;

Polymer 应用聚合物路由器

我正试图通过以下指南将app router整合到我的Polymer应用程序中: 我的聚合物代码如下所示,用于我合并应用程序路由器的元件: <link rel="import" href="../polymer/polymer.html"> <link rel="import" href="../app-router/app-router.html"> <polymer-element name="my-element"> <template&g

Polymer ready()之前的初始聚合物属性

在js中动态创建聚合元素时,如何在ready()事件之前初始化属性? 我的代码如下: var el = document.createElement("my-elem"); el.setAttribute("myAttr", 123); // or el.myAttr = 123. ready()事件在设置myAttr之前触发。实际上,我希望它能像HTML那样工作: var div = document.createElement("DIV"); div.innerHTML('<my-e

Polymer 如何循环使用聚合物中的嵌套Firebase键

所以,我有一个聚合物项目正在保存到Firebase。我的数据如下所示: <firebase-element id="fbase" location="https://volleyball-app.firebaseio.com/{{user.uid}}/userTeams" data="{{userTeams}}" keys="{{keys}}" dataReady="{{userReady}}"> </firebase-element> <temp

Polymer 聚合物铁ajax在重复模板中的应用

如何加载json文件并在重复模板中使用数据?此代码不会生成任何内容: <dom-module id="name-list"> <template> <iron-ajax auto url="names.json" handleAs="json" lastResponse="{{data}}"></iron-ajax> <template is="dom-repeat" items="{{data}}"&

Polymer 如何将聚合物元素导入plunker(plnkr.co)、jsBin和JSFIDLE等代码游戏区?

问题: 在中,我想导入Polymer 1.0元素和 我该怎么做 换句话说,允许my和元素正常工作的和标记及其各自的src和href属性是什么 尝试: 在右边空白处,有一个搜索和导入外部库的选项。我用它来搜索Polymer 1.0,并导入了以下内容 <script data-require="polymer@1.0.0" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/webcomp

Polymer 谷歌聚合物-什么是捆绑元素?

查看纸质输入元素的文档,我看到了“捆绑元素”一节。这是什么意思 使用箭头上方的Bower命令安装纸张输入将下载所有捆绑元素和行为。不过,您仍然可以单独使用它们。此外,如果导入paper-input.html,也将导入捆绑的元素和行为。因此,您只需要导入paper-input.html,然后就可以使用捆绑包中的所有元素和行为

Polymer 包装纸输入错误消息

纸张输入中的长错误消息溢出屏幕。请参阅下面的jsbin以了解例如 只需单击“提交”,不输入任何值。我尝试使用mixin纸张输入错误来修复它,但没有多大成功 代码: 身体{ 字体系列:无衬线; } :主持人{ 显示:块; } 纸张材料{ 填充:24px; } 纸扣{ 利润上限:24px; 背景色:var(--paper-red-400); 颜色:var(--文本原色); } 样本表格 提交 //仅当(1)在主文档中,以及(2)在非Chrome浏览器上时才需要此选项 addEventListen

Polymer 条件模板的聚合物特定样式

我有一个关于聚合物的造型的问题。我有一个响应元件,根据屏幕的宽度有不同的样式。如果宽度为720或更大,则其样式应标记为“-specific Styleing 2-”。如果不是,它应该有“-specific styleing 2-”。它应该始终具有“通用样式” :主持人{ --常见样式-- } :主持人{ --特定样式1-- } :主持人{ --特定样式2-- } 如果我有上面的代码,它总是使用“-specific styleing 2-”。有什么办法可以改变这种行为吗 Bart您是否尝试过使

Polymer “纸张切换”按钮跳回未选中状态

i bower安装了聚合物纸拨动按钮元件,并将其用作: <paper-toggle-button></paper-toggle-button> 它看起来应该是这样的,但当我点击它时,它不会切换。当我拖动并放开时,它会跳回来。bower_组件中的paper toggle button/demo/index.html中的按钮也会发生同样的情况。 我是否缺少一些其他依赖项,或者必须实现onclick处理程序来切换选中的属性?尝试以下操作: <div class="l

Polymer 聚合物:无模板标记的自定义元素说明

在谷歌2015年聚合物峰会的视频中,Rob Dodson谈到了这个,其中只包含了todo房产,根本没有模板。他说,这样我们可以为数据创建一个元素 有人能解释一下这种设计模式吗?或者给我指一些教程,因为我在谷歌上搜索了很多关于这个特定主题的内容,但没有发现任何有用的内容。你能分享一下这个视频的链接吗?@Adi我现在在手机上,但你可以转到YouTube搜索“聚合物峰会2015”看看。

Polymer 聚合物纸对话框:如何知道何时可以切换注入对话框?

在我的应用程序中,为了响应用户输入,我将一个包含可滚动区域(paper dialog scrollable)的纸质对话框作为主体的最后一个子对象注入DOM。我会在需要时注入它,因为出于一些不同的原因,我发现在页面中包含对话框是不切实际的,以防用户决定激活它。我可以深入探讨这些原因,但我认为这不会有什么成效 我按如下方式插入对话框: var fragment = "<paper-dialog id='mydialog' ...><paper-dialog-scrollable .

Polymer 将vis.js并入聚合物起动器套件版本1.2.3

我下载了polymer starter kit 1.2.3版的中级-高级用户版本。然后我跑了 bower install a-dot 在聚合物起动器工具包目录中 我接着补充说 <script src="../bower_components/platform/platform.js"></script> 以前 <script src="bower_components/webcomponentsjs/webcomponents-lite.js"><

Polymer 是否可以使用Watir Webdriver与聚合物进行交互?

我刚刚更新了我的Chrome浏览器版本50.0.2661.75,发现chrome://downloads 页面已更改,因此我的自动测试无法再与之交互。以前,我一直在使用Watir Webdriver清除下载页面,从我的机器上删除文件,等等,没有太多困难 看起来谷歌在这个页面上使用了聚合物 对我来说,有一些新的元素,比如纸按钮,是Watir Webdriver无法识别的 甚至浏览器。img:id,“文件图标”。是否存在?当我 可以清楚地看到页面上的图像 自动化用聚合物制作的页面,特别是chrome

Polymer 使用应用程序抽屉布局和应用程序标题布局

我正在Polymer 1.0中创建一个新的webapp,它需要以下布局 加载时覆盖整个页面并压缩到小工具栏高度的标题面板 一个反应灵敏的抽屉面板,可在手机上滑动,并在大屏幕上保持不变 聚合物已经有了自己的网络组件, 应用程序标题面板和应用程序抽屉面板 我想直接的解决方案是将整个抽屉面板包含在标题面板中。在我把它们放在一个页面之前,它们工作得非常完美。在一起使用它们时,我面临一些布局问题 持久抽屉在应用程序标题面板后面移动,而不是粘在标题面板的内容区域。(注意:应用程序标题布局的z指数高于应用

Polymer 聚合物双向结合的完整示例

聚合物文档具有以下双向绑定示例: <script> Polymer({ is: 'custom-element', properties: { someProp: { type: String, notify: true } } }); </script> ... <!--

Polymer 聚合物2迁移问题

最近尝试将Polymer1应用程序迁移到Polymer2,但我真的很难让它正常工作。以下是我在尝试时注意到的一些事情: 我真的必须手工挑选所有纸张/铁元素来制作polymer2吗?我过去只安装纸元件之类的东西,这是一种方便的方法,可以简单地获取一个类别中的所有组件,有没有类似的方法来获取polymer 2的所有纸元件 “用于纸张的Api”工具栏指定了将内容居中的“对齐”属性,但在以下情况下似乎不起作用: ``` 标题 中间标题 标题 ``` 车身上的fullbleed等级不再工作。我已

Polymer 在Windows边缘浏览器上运行聚合物自动测试

我已经使用polymer 2和polymer cli创建了一个应用程序: 我已经编写了一些使用聚合物功能的测试 当我在MacOS上运行测试时,一切正常web组件测试仪查找我的浏览器(chrome和safari)并运行所有测试 当我尝试在Windows上运行测试时,问题就出现了 在Windows 10和Microsoft Edge 38.14393.1066.0上运行测试时,web component tester找不到我的Edge安装。它在chrome、firefox和IE11上运行测试,但不

Polymer 网络组件/聚合物-生命周期回调树排序

假设我有以下html: <my-element-one> <my-element-two> <my-element-three></my-element-three> </my-element-two> </my-element-one> 现在,让我们假设它被解析为一个DocumentFragment。现在,我将片段插入到文档中。这些自定义元素的附加回调将按什么顺序启动?他们会坚持先发射

Polymer 聚合物中的数据绑定是如何工作的? (功能(){ 聚合物(“新标签”{ 值:“” }); })();

如果我更改DOM对象的值属性(在JS中),我可以看到文本字段的值发生了更改。 如果更改文本字段值,DOM对象属性值也会更改 但这两个更改都不会影响值属性 如果值属性没有更改,模型中的更改如何反映在视图中 我认为value={{{value}}是一种说法,“当value属性改变时,改变value属性,反之亦然”。但是如果value属性不是视图和模型之间的链接,那么如何传播更改 另外,value={{{value}}到底意味着什么?您没有看到输入的value属性上的绑定(例如,{{value}})发

Polymer是否允许数据绑定使用不同的标识定义?

根据Polymer数据绑定文档中的定义,似乎JavaScript等式用于确定模板调用之间的数据是否“相同”。因此,值类型具有值相等性,但对象和数组使用引用相等性。如果我对返回对象数组的服务进行了两次调用,并且其中一些对象在调用之间具有相同的值,则将重新创建模板实例,因为数组和对象都反序列化到不同的实例中(我已在版本0.3.3中验证了此行为) 是否可以指定一个类似于how的标识函数 我不知道是否有这样的事情,但我会想出一个不同的解决方案。让我们假设您的代码看起来像这样(伪代码) 你好{{user

Polymer 有没有一种方法可以让安全的html数据绑定到聚合中?

有没有一种方法允许在polymer中使用html呈现进行数据绑定 例如,在AngularJS中,有一个“ng HTMLBIND”指令执行此任务。我正在寻找类似的东西 下面是一个我愿意使用它的例子 <core-tooltip> <core-icon icon="info-outline" size="30"></core-icon> <div tip> {{box.description}} </div&g

Polymer 将模板动态传递到聚合物元件

我一直在尝试创建一个polymer元素,该元素基于ajax请求生成ul列表,然后基于模板呈现“li”元素,这些模板可以以某种方式传入 基本上,这是一次尝试对“select2”库进行聚合物重建,以实现自动完成 目前为止,我使用的基本模板如下所示: <polymer-element name="auto-complete" attributes="url_base item_template"> <aj-ax id="xhr" url="{{url_base}}" params="

Polymer 聚合物不会从外面结合

我的形式没有改变 我的数据库 <polymer-element name="my-database" attributes="iDB iLoad iDrop"> <script> Polymer('my-database', { iDB:null, iLoad:false, ready:function(){ var load=function(

Polymer 如何将core scroll header panel与core drawer panel一起使用

我想创建一个类似谷歌收件箱的布局。具体而言: 可滚动的横幅(感谢core滚动标题面板) 作为主要内容的长列表(感谢核心列表) 左上角的菜单按钮,显示核心导航面板(而不是弹出窗口) 从表面上看,这似乎是可以实现的,大致如下 <core-drawer-panel forceNarrow> <core-header-panel drawer> <core-toolbar></core-toolbar> <core-menu

Polymer 可以在本地运行聚合物吗?

这可能是一个非常愚蠢的问题,但现在我正在远程服务器上运行一个使用聚合项目元素的项目。 我将离开网络一段时间,但我仍然想脱机处理这个项目。然而,我无法让它在windows机器上本地运行,即使所有依赖项都是CSS/HTML/JS。有什么我遗漏的吗?所有路径都是相对的,我仔细检查了它们以防万一。是的,这是可能的 您只需要在计算机上运行一个web服务器,因为聚合物页面必须由web服务器提供 Apache、ISS、Nginx或其他HTTP服务器将正常工作;如果您的计算机中没有服务器,则需要按照中的说明启动

Polymer 使自定义聚合物元件不静态工作

我想用聚合物做一个约会挑选器。在一个页面上,我想放置其中两个,但它们的行为是静态的。我的意思是,当我点击下个月的按钮时,它会同时改变 我通常不使用这样的元素,所以我从未考虑过一个元素的多个实例的行为 如何使元素的行为类似于实例对象而不是静态对象 <!-- I'm omitting the style and some script for brevity --> <polymer-element name="date-picker" attributes="chosenDate

Polymer 如何嵌套聚合物布局以填充整个页面?

我试图在聚合元素中使用聚合布局,但我无法确定它们应该如何正确嵌套 我在fullbleed上使用body-这可以正常工作(示例中为灰色区域) 然后我添加了一个聚合元素my元素(水平布局),并在其中添加了另一个自定义元素your元素(垂直布局) 元素的中间一行(“Beta-Two”)设置为flex 预期:“Beta Two”垂直扩展,以填充整个剩余空间 观察到:“Beta Two”获取高度=0(可在元素检查器中验证) 如果flex标签被移除,则“Beta-Two”以标准高度显示 如果“Beta Tw

Polymer 聚合物1.0:造型<;纸张工具栏>;

请提供一个工作JSBin,使该看起来很漂亮,如下所示: 垂直居中和元素至中间 垂直对齐和水平输入字段行 将和元素之间水平间隔至少20px http://jsbin.com/hiwoqapawu/edit?html,输出 <html> <head> <title>My Element</title> <script data-require="polymer@*" data-semver="1.0.0" src="http:/

Polymer 使用wct测试含铁ajax的聚合物1.0组件

在自定义组件中,我最难模拟服务器对iron ajax组件的响应。这是我的代码文件 custom-component.html: <link rel="import" href="/iron-ajax/iron-ajax.html"> <link rel="import" href="/internal-component/internal-component.html"> <dom-module id="custom-component"> <

Polymer 硫化不解析指向web-animation.js的链接

硫化橡胶1.14.7 我试图在项目中使用纸张下拉菜单。在导入到my index.html的components.html文件上使用硫化。硫化正确连接除web-animations.js文件外的所有适当文件。我在浏览器控制台中遇到以下错误 http://localhost:9005/bower_components/web-animations-js/web- animations-next-lite.min.js Failed to load resource: the serv

Polymer 无阵列的聚合dom重复

我可以在没有数组的情况下使用聚合dom重复模板吗? 例如,我想渲染一些代码20次 <template is="dom-repeat" items="[[itemCounter]]"> <div>Whatever</div> </template> 无论什么 这将使无论什么渲染20次,但要实现这一点,我必须在components属性中创建一个长度为20的数组“itemCounter”,其唯一目的是在其上循环 我想知道这样

&引用;损坏的内容错误“;在Firefox上使用Polymer/Firebase

我有一个聚合物应用程序,由Firebase托管服务人员。除Firefox外,该应用程序在所有浏览器上都运行良好。当您尝试在初始加载后刷新Firefox中的浏览器时(正常工作),它会抛出以下错误: 当RedirectMode不是“follow”时,ServiceWorker将重定向响应传递给FetchEvent.respondWith() service worker.js由polymer cli(v0.16.0)自动生成 要解决此问题,请在服务人员的请求中将重定向选项设置为遵循: fetch(.

Polymer 熨斗坏了

我正试图让铁阿贾克斯工作,但迄今为止没有成功。 我已经将该组件添加到了我的bower.json中,运行了bower安装,将其导入到我希望在其中使用的html文件中,并尝试将其添加到模板中 通常我的IDE自动完成所有的聚合物标签都很好,但这一个不会工作。当我打开页面时,我得到以下错误:uncaughtreferenceerror:assignment中指向“this.$.add-contact.contentType=“application/json”;”行的左侧无效,请参见下文 我想知道元素是

Polymer 有没有办法不生成服务人员?

使用聚合物CLI 我不能运行polymer build-add service worker false-entrypoint./elements.html之类的东西,对吗?有不同的方法吗?根据,build命令非常固执己见,它将服务人员作为默认行为生成。Jep不得不编写自己的构建

Polymer 删除vaadin日期选择器元素上方的空白

我想删除vaadin日期选择器元素上方的空白 我知道它使用了一些mixin,但是你能帮我把显示改为无吗 以下是其文件: 对于未来的搜索和每个想知道如何完全隐藏标签,使它不会有这么大的高度 需要编辑纸质字体标题。 Vaadin日期选择器使用的是纸张输入容器,该容器仅应用了1个mixin,并且是纸张字体标题 因此,此解决方案适用于使用纸张输入或纸张输入容器的所有元素 例如: 小心-此解决方案在将来可能不起作用。这并没有写在文档中的任何地方。我只是在代码里找到的 如果将来有人发现这不起作用,我可以编

Polymer 是否有与聚合物2兼容的网格?

如果允许您将搜索范围限制在与Polymer版本2兼容的元素,那就太好了 我试过vaadin网格,但它与聚合物2不兼容 有人知道聚合物2的网格吗 谢谢。有一些版本,您可以选择右侧的版本:您可以使用Vaadin网格。要在Polymer 2.x中使用vaadin网格,请下载vaadin网格v3.0.0-Alpha 2。您可以使用以下命令下载它: bower安装--保存vaadin/vaadin-grid@v3.0.0-阿尔法2 Vaadin网格版本2.x不支持聚合物2.x. 我们刚刚在聚合物应用中使用

Polymer 聚合物构建需要github连接

当我试图通过polymer cli构建polymer应用程序时,它会尝试连接到github。但是我已经下载并安装了所有的依赖项和应用程序运行,没有任何问题 我想在没有github连接的情况下构建polymer应用程序。可能吗?如果可能,我在哪里可以禁用尝试github连接?如果不可能,请任何人解释为什么需要它,因为所有依赖项都已安装 错误:- Promise rejection: Error: Failed to execute "git ls-remote --tags --heads htt

Polymer 聚合物-如何将2个url放入注册表->;搜索

这是bowerrc文件。我想在2个URL中搜索聚合物成分。有可能吗?这两个url都不是本地的 { "registry": { "search": [ "url1", "url2" ] }, "strict-ssl" : false, "resolvers" : [ "bower-art-resolver" ], } 可能的复制品对我不起作用

Polymer 无法安装聚合物CLI 3

我正在尝试从聚合物2升级到聚合物3。我的环境如下: Debian拉伸 npm版本6.1.0 使用根帐户运行命令:npm安装-g polymer cli 有什么想法吗?提前谢谢你 /usr/bin/polymer -> /usr/lib/node_modules/polymer-cli/bin/polymer.js > wd@1.6.2 install /usr/lib/node_modules/polymer-cli/node_modules/wd > node scri

Polymer 无法通过脚本标记将lit html项目导入另一个项目

我想在另一个项目中使用我的LitHTML项目中的标记,但我遇到了脚本:服务器以非JavaScript MIME类型的“text/html”响应。错误 我的LIThtml项目托管在firebase上,我尝试使用polymer构建工具,并打开wc,但我似乎无法回避这个问题 是否有人有幸通过导入一个LIThtml项目 如果是的话,我的package.json、polymer、json等中是否有我需要的特定内容 谢谢你你到底是怎么进口的?您到底是如何导入的??

Polymer 谷歌地图没有';不要出现在铁皮书页上

我正在使用Polymer 1.0的新特性iron pages,它被认为是从核心页面(0.5版本)迁移来构建单页面管理仪表板。我选择的项目之一应该是指谷歌地图。 问题是,当我选择地图项目以显示谷歌地图部分时,所有内容都是灰色的? 我需要一个适用于Polymer 1.0的解决方案这可能就是您想要的:和 这不是导入问题,我正在尝试制作一个显示部分的菜单,其中一个部分是google map,当我单击它的项目时,会出现渲染问题(灰色谷歌地图,当我滚动它时,它会很小,不会在中间固定。你明白我的情况吗?明白

如何在Polymer 1.0中使用查询字符串

我使用最新版本的聚合物初学者工具包,并使用page.js作为路由器 我希望我的url如下所示: 但是我无法访问查询字符串,我也在page.js的github项目中搜索:并查看查询字符串的示例,但我不知道如何将其实现到我的项目中 下面是我的代码片段: page('/search', function(data) { app.route = 'search'; app.params = data.queryParams; }); 我在一个从Polymer Starter Kit派生的项目中

  1    2   3   4   5   6  ... 下一页 最后一页 共 56 页