问题标签 [polymer-1.0]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3655 浏览

cross-browser - Polymer 的浏览器兼容性

我开始使用 Polymer 1.0:我唯一尝试过的是一个简单的模板,如下所示:

这段代码在 Chrome 和 Opera 上运行良好,除了即使我没有将布尔星号放在预测试中,它仍然显示星号。

在 Firefox 和 IE 中,它只是在预测试中显示 h1 和 img。

在 Safari 中,它似乎不理解 dom-module、template 或 pres-test 之类的标签,因为它首先显示 dom-module 中的内容,然后显示 pres-test 中的内容,而不适应变量。

我寻找了 Polymer 的兼容性,但我只找到了 0.5 版本。

我做错了什么,还是只是与这些浏览器不兼容?

0 投票
5 回答
6748 浏览

javascript - 加载 Iron-ajax 时显示聚合物不确定的纸张进度

iron-ajax当请求正在进行但没有成功时,我试图显示纸质进度。下面是get-products-service托管iron-ajax请求的自定义元素的代码,以及products-list托管paper-progress.

这是整体products-list dom-module

这是整个get-products-service

0 投票
1 回答
7174 浏览

javascript - 通过更改底层数组动态更新 dom-repeat 模板

是否有 Polymer dom api 方法或其他方法可以使用其他元素自动更新重复的模板,是否应该更新底层数组?

我有一个通过 ajax 调用反复更新的动态数组。这个数组不断改变它的长度(元素会根据 ajax 响应递增或删除)。该数组通过 反映在文档中<template is="dom-repeat">。有没有办法在底层数组更新时自动更新 dom?

目前,我能看到的唯一方法是

  1. 识别增量更新并手动添加或删除节点。
  2. 删除整个重复模板容器并重新标记新模板。我也不知道动态地标记一个新模板。这可能吗?我能想到的一种方法是让另一个自定义元素重复模板标记,每当有数组更新时,删除当前元素,通过将更新后的数组传递给元素来追加新元素。

通过使用 2,我将无法在视图中使用列表自动更新的过渡效果。我希望能够使用这些效果。

0 投票
3 回答
5690 浏览

javascript - 使用 Iron-ajax,如何读取响应的标题?

当请求的响应到达时,有什么方法可以读取响应标头?

0 投票
0 回答
134 浏览

javascript - google-map 元素在创建时引发错误

否决人:请注意,这个问题与 Google Maps API V3 无关。<google-map>是一个GoogleWebComponent,它在 dom 中声明后自动显示地图。


通过只执行这一行,它会抛出一个错误说:

未捕获的类型错误:纬度必须是数字

我什至没有机会设置纬度属性。

这是因为我在同一页面中创建了多个google-map(在不同的 s 中)吗?dom-module如果没有,为什么会发生这种情况,我该如何解决?


添加

即使做这样的事情仍然会产生同样的错误:

0 投票
2 回答
687 浏览

polymer - 使用监听器在 dom-if 中点击

我有一个简单的按钮,我想在按下时触发一些东西。我给了按钮 anid并为id.tap. 这很好用,但是当我将按钮放入 atemplate[is=dom-if]时,它停止工作。这是要这样工作吗?我该如何解决这个问题?

0 投票
1 回答
2299 浏览

html - 如何在自定义元素(Polymer 1.0)中设置纸张元素的样式?

无论我做什么,我似乎都无法使用自定义元素中的自定义属性来设置纸张元素的样式:

但是--paper-tabs-selection-bar-color没有考虑到,我最终得到了默认的黄色而不是鲜红色。

值得注意的是,我使用 shadow-dom 而不是 shady-dom,但是切换回 shady 实现并没有改变任何东西。我还使用主题文件,作为 html 导入,来设置--default-primary-color和其他自定义属性的排序。这些似乎在:root{ }css 属性内有效,但即使我把它放在--paper-tabs-selection-bar-color : #ED1C23;那里也不起作用。

我已经尝试过,paper-input-controller但样式也没有得到应用。知道我在这里做错了什么吗?

0 投票
1 回答
257 浏览

polymer - 如何获得关于聚合物入门套件顶层属性的通知事件?

所以基本的入门工具包有一个变量'route'(显示当前页面的字符串),如果它是一个组件,我只需在 JSON 中的属性中添加一个 notify:true,它是 Polymer 的一部分(...) 称呼。

但是该示例没有将顶层包装在 Polymer(...) 中,那么如何将其设置为通知更改?

我可以将事件侦听器添加到#app 中,但它不会在不知道它必须发送的情况下发送该事件。

我想做的就是在当前页面发生变化时得到一个事件,所以我确定我只是忽略了一些非常明显的事情。

0 投票
1 回答
3651 浏览

javascript - 聚合物 1.0 中的英雄动画

我正在尝试通过单击红色方块来实现英雄动画(从霓虹元素)以动画到另一个自定义元素(element1.html 到 element2.html)。

我写了这里记录的所有内容: https ://github.com/PolymerElements/neon-animation#shared-element

但是点击时没有任何反应。请指导我实施这一点。

这是我的文件:

索引.html

element1.html

element2.html

提前致谢。

0 投票
2 回答
4512 浏览

polymer - 链接纸张菜单按钮内的纸张项目(Polymer-1.0)

更新 1:发现这个问题与 pull request似乎正在解决 Polymer 中的这个问题。

更新 2:决定基于使用 page.js 而不是 app-router 的Polymer Starter Kit重构我的布局,并且似乎运行良好,尽管他们不在 paper-menu 中使用 paper-item 而是使用自定义锚元素.

搜索所有文档,但我找不到这个(尽管stackoverflow上有另一个问题几乎相同的标题,不是同一件事)

TLDR:我需要整个文件都可以点击链接。不仅仅是文字本身。为清楚起见,请参见下图,这是实时代码

在此处输入图像描述.

我有类似下面的代码。我将链接标签与应用路由器路由结合使用,效果很好。唯一的问题是:我希望整个纸质菜单项都可以通过链接标签进行点击。

当我使用下面的代码时,直接单击链接 tekst 本身时会检索到正确的页面,但这不会创建“选定”状态。当我单击按钮(就在文本之外)时,按钮被选中,但页面没有被检索到,因为我没有单击链接......

必须有一个简单的方法来做到这一点吗?我的意思是,我可以通过覆盖所有 CSS 来强制执行此操作,但在我看来,纸张菜单中的纸张项目中的链接将是一件非常常见的事情,应该自动执行此操作,或者使用属性或其他东西?

我检查了有关纸质项目、纸质菜单和其他文件的文档,但那些从不使用带有链接的示例。