问题标签 [paper-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.
javascript - 聚合物元素似乎不接受模板中的样式
我在我的自定义元素中使用了一个聚合物核心图标,并尝试通过它的元素名称来设置它的样式。我的示例中的按钮显示为蓝色背景,为什么核心图标没有显得更大(200X200px)?我是不是误会了什么?
validation - 聚合物新的纸张输入/纸张输入装饰器组件的验证问题
随着最近对纸张输入的更改和纸张输入装饰器(聚合物 v0.5.1)的引入,我现在在实施输入验证时遇到了麻烦。例如,在最近的更改之前,我构建了一个自定义的“属性编辑器”聚合物元素(即基本上结合了可配置图标、可配置输入控件(类型纸下拉菜单或常规输入)和相关联的元素可选单位值输入控件(类型纸张下拉菜单或纸张输入)),它非常实用。这是一小部分代码,显示了上述自定义元素中的一个模板,当向其提供正则表达式模式时激活该模板。这运作良好:
然后我实现了一个inputValueChanged
观察器函数,它反过来触发了一个自定义事件,以便主机/消费元素根据需要进行操作。
最终目标当然是在当前输入无效时显示控件的验证错误消息(这可能在用户键入时“实时”发生,并且可能在控件加载初始输入值时出现),或者甚至更好地防止用户首先输入无效数据。在任何情况下,除非输入有效,否则应防止触发“inputValueChanged”函数,并且在用户离开控件(模糊等)之前不要触发该事件。我一直在尝试使用新版本的纸张元素(参见下面的示例尝试)让它再次工作,但仍然有一些困难。任何人都可以提供一个实现正则表达式模式匹配的示例,并具有上述所需的行为吗?
提前感谢您提供的任何建议/示例!
dart - 单击项目的纸张图标按钮时如何防止核心列表中的核心激活事件
我core-list
为每个项目都有一个自定义元素:
自定义元素 ( person-item
) 有两个按钮:
- 当我按预期单击该项目时,将
onCoreActivate
调用该方法。 - 当我按
button
预期单击该项目时,将onItemClick
调用该onCoreActivate
方法并且不调用该方法。 - 当我单击该项目时
paper-icon-button
,该onItemClick
方法被调用,但该onCoreActivate
方法也被调用。
core-activate
在第三种情况下如何防止事件发生?
我试图阻止click
事件从该onItemClick
方法传播,但没有成功。
我也试图阻止tap
事件传播但没有成功。
data-binding - 将聚合物纸下拉菜单绑定到本地存储
诚然,看似愚蠢的问题......而且......
在任何人匆忙回答“ RTFM ”之前,我还没有完全理解它——数据绑定。所以,我有一种形式,它实际上是一个由输入和诸如此类的组件组成的组件,也是一个core-localstorage
元素。我已经成功地在会话之间保留了其他输入的值,但我对paper-dropdown-menu
. 陷入僵局...
我想要做的是使用label
显示值,当machine in machines
位进行时,我希望选择paper-item
反映本地存储(标签)的值
哦,这是玉石,顺便说一句。这是它的外观:
这是一些 js ......这很好用;我正在尝试以“教条”的聚合物方式做事。
谁能引导我找到解决此挂断问题的最简单的解决方案?!
提前致谢!
angularjs - 有人尝试使用 AngularJS 和 Polymer/paper-dropdown-menu 吗?
这之间是否有任何组合: https : //www.polymer-project.org/components/paper-elements/demo.html#paper-dropdown-menu 和 angularjs。
我试过但仍然无法让它工作..
任何建议将不胜感激 !
jquery - 从聚合物中的多个输入框中获取数据
我有一个“卡片”元素列表;每个都有一个纸张输入元素和一个按钮元素;每个元素都从外部 JSON 中获取一些数据(在 my-post-service 元素中,我嵌入了 core-ajax)。我的目标是,当用户在文本框中写一些东西并点击相关按钮时,用户插入的特定卡片和文本的信息被发送到另一个函数。这是这个聚合物元素的代码:
目前,当我点击某个按钮时,我总是能够获取特定的卡片信息(通过模板属性),但我只能从第一个纸质输入元素(第一张卡片之一)中检索文本。
Ps 我是聚合物的新手,所以也许我错过了一些愚蠢的东西......!
polymer - 使用 Polymer 0.5.1 中的纸张项目转到页面?
我创建了一个小型 Polymer 站点(可从http://infinitech.org/beta获得)。我在 a 中嵌套了 ana href
和core-icon
a paper-item
。但是,我必须单击文本a href
才能转到链接。我怎样才能让它点击任何地方paper-item
都会转到链接(这样我就不必点击文本a href
)?我正在使用聚合物 0.5.1。非常感谢您的时间和帮助!
polymer - 仅使用 Polymer (0.5.1) 使用动画滚动到顶部?
我在paper-fab
屏幕的右下角创建了一个。我想让它在用户单击此按钮时滚动到页面顶部(带有动画)。有什么方法可以使用 Polymer 而不是 jQuery/JavaScript 来做到这一点?谢谢您的帮助!
polymer - 聚合物纸下拉菜单不起作用
Paper-dropdown-menu 组件似乎在聚合物网站 [ https://www.polymer-project.org/components/paper-dropdown-menu/demo.html ] 上运行良好。
但是,我下载了聚合物/网络组件 0.5.1,并且菜单似乎根本没有呈现 [在任何浏览器上]。[ http://idith.com/garage-website/bower_components/paper-dropdown-menu/demo.html ]
知道为什么会这样吗?如果我没记错的话,Polymer 网站似乎使用的是同一个分支。
polymer - 纸张下拉菜单垂直对齐
升级到 v0.5.1 后,垂直对齐属性似乎已从 paper-dropdown-menu 中删除,
在我做这样的事情来控制垂直对齐之前,但它不再起作用了:
有什么办法可以用更新的元素做这样的事情吗?