问题标签 [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.
polymer - 如何过滤聚合物 1.0 中的铁列表?
该dom-repeat
元素提供了一个filter
属性。
有没有类似的过滤方式iron-list
?
例如:给定一个人列表,我想过滤出生在特定城市的人。
polymer - 不转发水龙头
单击文本paper radio button
不会将单击转发到单选按钮,但文档说:所有点击iron-label
都将转发到“目标”元素。
polymer - 具有铁滚动阈值滚动问题的聚合物纸滚动标题面板
我有以下纸卷页眉面板,并且在主容器中有铁页。
我的一个铁页元素中有铁滚动阈值
getScrollTarget 方法如下所示
当它达到下限时,它会调用 _loadMoreProducts。一旦 api 调用返回数据,我将清除阈值触发器。
最终发生的事情是将滚动重置到顶部。有没有办法解决这个问题?
ajax - Polymer 1.x:在自定义行为中使用 iron-ajax
我正在建立一个自定义行为。调用它MyBehaviors.MySpecialBehavior
。
但我需要获取本地存储在名为 .json 的 JSON 文件中的数据my-data.json
。
我怎样才能在我的行为中做到这一点?我正在尝试导入iron-ajax
,但我想不出如何访问它的方法或属性。
polymer-1.0 - 如何在 Iron-pages 的子项中收听“iron-select”事件?
考虑 PSK 中的以下代码:-
每当它被选择时,是否可以在元素内收听iron-select
事件?<my-view#>
<iron-pages>
javascript - Iron-icons 中的图标列表及其名称
在 Polymers 中,要在我们的页面上显示图标,我们可以使用以下命令
图标来自iron-icons
.
现在,例如,我使用delete
图标来显示trash-bin
图标。
是否有任何文档可以让我看到图标列表及其使用的名称?
例如:
Trash bin = 'delete'
我浏览了下面的链接,但找不到我在找什么https://www.webcomponents.org/element/PolymerElements/iron-icons
polymer - 在 Polymer 2.x 中使用 iron-meta 管理状态
我正在尝试用于iron-meta
管理 Polymer 应用程序中的状态。这是我的 Plunker 演示。
在同一个 Plunker 上,我也使用 Mixins 来管理状态。(所以我们可以比较这两个系统。)
期望的行为
在演示中,在底部,当单击顶部标记为“发送通知”的选项复选框时,我希望“Meta 说:”之后的部分匹配并跟踪“发送通知选项是:”之后的部分。
实际行为
但是,我得到的实际行为不是那种期望的行为,而是“元说:”部分永远不会填充任何数据。
演示
演示屏幕录制 我的-view2.html 我的选项.html
polymer - 使用在聚合物 2.x 中
我正在尝试演示<iron-selector>
。在演示中,当用户从列表中选择一个新值时,我想登录到控制台。我究竟做错了什么?
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:
(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.
Configuration
OS: macOS Sierra 10.12.6
Hardware: MacBook Air
Browser: Chrome Version 60.0.3112.113 (Official Build) (64-bit)
Demo
Code
The following code does render <iron-icons>
as expected:
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
- Remove the existing bower_components folder.
- Update the Polymer version in bower.json to the latest versions.
- Install the new dependencies.
This did not solve the problem. However I could not update Polymer elements
to ^2.0.0
caused an error and so did:
bower.jsonand so did:
bower.json
ajax - 如何重置使用动态加载数据后在聚合物 2.x 中?
我想使用元素的reset()
方法重置我的表单按钮。<iron-form>
期望的行为
期望的行为是,在单击Reset按钮后,原来unchecked
应该是的两个按钮和原来应该是unchecked
的两个按钮。checked
checked
实际行为
实际行为是单击Reset按钮后,所有按钮都翻转为unchecked
.
演示
这是我的 Plunker 演示。请注意,实际上我是从 Firebase 加载数据。在演示中,我从 myjson.com 加载它。
重现问题的步骤
- 打开这个演示。
- 注意两个
checked
按钮和两个unchecked
。 - 检查两个
unchecked
按钮。 - 单击Reset按钮。
- 注意所有按钮都翻转到
unchecked
。
期望的行为是最初unchecked
应该是的两个按钮和最初应该是unchecked
的两个按钮。checked
checked
代码
https://plnkr.co/edit/viXDsAVrcmSOdAYriySm?p=preview编辑
Polymer Slack 站点的用户@madietov指出,这里的源代码使用了一种受保护的方法,调用_init()
它来初始化默认设置。而且这个_init()
方法似乎在<iron-ajax>
元素返回其值之前被调用。
_init()
设置一个名为 的受保护属性_defaults
。如果我可以访问受保护的方法或受保护的属性,那么我可以在<iron-ajax>
返回其初始值后调用该方法或设置属性。