问题标签 [iron-elements]

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 回答
2913 浏览

polymer - 如何过滤聚合物 1.0 中的铁列表?

dom-repeat元素提供了一个filter属性。

有没有类似的过滤方式iron-list

例如:给定一个人列表,我想过滤出生在特定城市的人。

0 投票
1 回答
107 浏览

polymer - 不转发水龙头

单击文本paper radio button不会将单击转发到单选按钮,但文档说:所有点击iron-label都将转发到“目标”元素。

0 投票
0 回答
128 浏览

polymer - 具有铁滚动阈值滚动问题的聚合物纸滚动标题面板

我有以下纸卷页眉面板,并且在主容器中有铁页。

我的一个铁页元素中有铁滚动阈值

getScrollTarget 方法如下所示

当它达到下限时,它会调用 _loadMoreProducts。一旦 api 调用返回数据,我将清除阈值触发器。

最终发生的事情是将滚动重置到顶部。有没有办法解决这个问题?

0 投票
2 回答
344 浏览

ajax - Polymer 1.x:在自定义行为中使用 iron-ajax

我正在建立一个自定义行为。调用它MyBehaviors.MySpecialBehavior

但我需要获取本地存储在名为 .json 的 JSON 文件中的数据my-data.json

我怎样才能在我的行为中做到这一点?我正在尝试导入iron-ajax,但我想不出如何访问它的方法或属性。

我的特殊行为.html 我的数据.json
0 投票
0 回答
265 浏览

polymer-1.0 - 如何在 Iron-pages 的子项中收听“iron-select”事件?

考虑 PSK 中的以下代码:-

每当它被选择时,是否可以在元素内收听iron-select事件?<my-view#><iron-pages>

0 投票
4 回答
11943 浏览

javascript - Iron-icons 中的图标列表及其名称

在 Polymers 中,要在我们的页面上显示图标,我们可以使用以下命令

图标来自iron-icons.

现在,例如,我使用delete图标来显示trash-bin图标。

是否有任何文档可以让我看到图标列表及其使用的名称?

例如:

Trash bin = 'delete'

我浏览了下面的链接,但找不到我在找什么https://www.webcomponents.org/element/PolymerElements/iron-icons

0 投票
1 回答
810 浏览

polymer - 在 Polymer 2.x 中使用 iron-meta 管理状态

我正在尝试用于iron-meta管理 Polymer 应用程序中的状态。这是我的 Plunker 演示。

在同一个 Plunker 上,我也使用 Mixins 来管理状态。(所以我们可以比较这两个系统。)

期望的行为

在演示中,在底部,当单击顶部标记为“发送通知”的选项复选框时,我希望“Meta 说:”之后的部分匹配并跟踪“发送通知选项是:”之后的部分。

实际行为

但是,我得到的实际行为不是那种期望的行为,而是“元说:”部分永远不会填充任何数据。

演示

Plunker 演示

演示屏幕录制

铁元演示

我的-view2.html 我的选项.html
0 投票
1 回答
791 浏览

polymer - 使用在聚合物 2.x 中

我正在尝试演示<iron-selector>。在演示中,当用户从列表中选择一个新值时,我想登录到控制台。我究竟做错了什么?

这是JSBin。

http://jsbin.com/ciceguqore/1/edit?html,控制台,输出
0 投票
2 回答
1593 浏览

polymer - How to get to work in Polymer 2.x

Narrow Question

By troubleshooting, I think I have narrowed my "larger problem" down to the following question. (But I could be wrong.):

How do I properly download the latest version of <iron-icons> to my local machine?

By "latest version," I mean the version that is imported via the following:

The above version of importing <iron-icons> works on my demo here.

However, when I do either of the following:

And try to import on my local server like this:

it fails silently and I see no icons at all. But I do see extra space where the icons are supposed to render.

Bigger Question (the real problem I'm trying to solve)

I am trying to get my <iron-icons> to render properly in the browser.

What I expect to see

I expect to see a two <iron-icon> elements like this:

enter image description here

(anchored in between other test elements: Hello World and <img>)

What I actually see

No icons at all. But white space where they should render.

Steps to reproduce

Run

or, if <iron-icons> is already installed:

then

or

Version

I believe I am using v2.0.1 of <iron-icons>. Here is the entire contents of the bower.json file.

bower.json

Configuration

OS: macOS Sierra 10.12.6
Hardware: MacBook Air
Browser: Chrome Version 60.0.3112.113 (Official Build) (64-bit)

Demo

Here is my Plunker demo.

Code

The following code does render <iron-icons> as expected:

http://plnkr.co/edit/pKnrlIbGhfQPFq10aAJS?p=preview

The following code does NOT render <iron-icons> as expected (served locally):

However, the above code does render <iron-icons> as expected when I do a direct substitution of:

for

Edit

By comparing the text of the imported files using the CDN

and local imports:

I discovered there is a discrepancy in the imported version of the iron-iconset-svg.html file. My bower.json file says the dependent version is "iron-iconset-svg": "1 - 2" or "iron-iconset-svg": "polymerelements/iron-iconset-svg#^2.0.0" but the bower.json file here says the dependent version is "iron-iconset-svg": "polymerelements/iron-iconset-svg#^1.0.0"

So, now the question appears to reduce to how do I get the local version of iron-icons.html to import the same version of iron-iconset-svg.html as the online CDN import version.

Edit 2

The problem persists when I just copy the iron-iconset-svg.html file from the CDN and paste it into my local file system. So, apparently something else is going on too.

Edit 3

I followed the instructions here for upgrading to Polymer 2.0:

https://www.polymer-project.org/2.0/docs/upgrade#update-bower-dependencies
  1. Remove the existing bower_components folder.
  1. Update the Polymer version in bower.json to the latest versions.
  1. Install the new dependencies.

This did not solve the problem. However I could not update Polymer elements to ^2.0.0

bower.json

caused an error and so did:

bower.json

and so did:

bower.json
0 投票
1 回答
719 浏览

ajax - 如何重置使用动态加载数据后在聚合物 2.x 中?

我想使用元素的reset()方法重置我的表单按钮。<iron-form>

期望的行为

期望的行为是,在单击Reset按钮后,原来unchecked应该是的两个按钮和原来应该是unchecked的两个按钮。checkedchecked

实际行为

实际行为是单击Reset按钮后,所有按钮都翻转为unchecked.

演示

这是我的 Plunker 演示。请注意,实际上我是从 Firebase 加载数据。在演示中,我从 myjson.com 加载它。

重现问题的步骤

  1. 打开这个演示。
  2. 注意两个checked按钮和两个unchecked
  3. 检查两个unchecked按钮。
  4. 单击Reset按钮。
  5. 注意所有按钮都翻转到unchecked

期望的行为是最初unchecked应该是的两个按钮和最初应该是unchecked的两个按钮。checkedchecked

代码

https://plnkr.co/edit/viXDsAVrcmSOdAYriySm?p=preview

编辑

Polymer Slack 站点的用户@madietov指出,这里的源代码使用了一种受保护的方法,调用_init()它来初始化默认设置。而且这个_init()方法似乎在<iron-ajax>元素返回其值之前被调用。

_init()设置一个名为 的受保护属性_defaults。如果我可以访问受保护的方法或受保护的属性,那么我可以在<iron-ajax>返回其初始值后调用该方法或设置属性。