问题标签 [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.

0 投票
1 回答
70 浏览

javascript - 聚合物元素似乎不接受模板中的样式

我在我的自定义元素中使用了一个聚合物核心图标,并尝试通过它的元素名称来设置它的样式。我的示例中的按钮显示为蓝色背景,为什么核心图标没有显得更大(200X200px)?我是不是误会了什么?

0 投票
2 回答
4761 浏览

validation - 聚合物新的纸张输入/纸张输入装饰器组件的验证问题

随着最近对纸张输入的更改和纸张输入装饰器(聚合物 v0.5.1)的引入,我现在在实施输入验证时遇到了麻烦。例如,在最近的更改之前,我构建了一个自定义的“属性编辑器”聚合物元素(即基本上结合了可配置图标、可配置输入控件(类型纸下拉菜单或常规输入)和相关联的元素可选单位值输入控件(类型纸张下拉菜单或纸张输入)),它非常实用。这是一小部分代码,显示了上述自定义元素中的一个模板,当向其提供正则表达式模式时激活该模板。这运作良好:

然后我实现了一个inputValueChanged观察器函数,它反过来触发了一个自定义事件,以便主机/消费元素根据需要进行操作。

最终目标当然是在当前输入无效时显示控件的验证错误消息(这可能在用户键入时“实时”发生,并且可能在控件加载初始输入值时出现),或者甚至更好地防止用户首先输入无效数据。在任何情况下,除非输入有效,否则应防止触发“inputValueChanged”函数,并且在用户离开控件(模糊等)之前不要触发该事件。我一直在尝试使用新版本的纸张元素(参见下面的示例尝试)让它再次工作,但仍然有一些困难。任何人都可以提供一个实现正则表达式模式匹配的示例,并具有上述所需的行为吗?

提前感谢您提供的任何建议/示例!

0 投票
1 回答
515 浏览

dart - 单击项目的纸张图标按钮时如何防止核心列表中的核心激活事件

core-list为每个项目都有一个自定义元素:

自定义元素 ( person-item) 有两个按钮:

  • 当我按预期单击该项目时,将onCoreActivate调用该方法。
  • 当我按button预期单击该项目时,将onItemClick调用该onCoreActivate方法并且不调用该方法。
  • 当我单击该项目时paper-icon-button,该onItemClick方法被调用,但该onCoreActivate方法也被调用。

core-activate在第三种情况下如何防止事件发生?

我试图阻止click事件从该onItemClick方法传播,但没有成功。

我也试图阻止tap事件传播但没有成功。

0 投票
1 回答
1195 浏览

data-binding - 将聚合物纸下拉菜单绑定到本地存储

诚然,看似愚蠢的问题......而且......

在任何人匆忙回答“ RTFM ”之前,我还没有完全理解它——数据绑定。

所以,我有一种形式,它实际上是一个由输入和诸如此类的组件组成的组件,也是一个core-localstorage元素。我已经成功地在会话之间保留了其他输入的值,但我对paper-dropdown-menu. 陷入僵局...

我想要做的是使用label显示值,当machine in machines位进行时,我希望选择paper-item反映本地存储(标签)的值

哦,这是玉石,顺便说一句。这是它的外观:

这是一些 js ......这很好用;我正在尝试以“教条”的聚合物方式做事。

谁能引导我找到解决此挂断问题的最简单的解决方案?!

提前致谢!

0 投票
1 回答
1349 浏览

angularjs - 有人尝试使用 AngularJS 和 Polymer/paper-dropdown-menu 吗?

这之间是否有任何组合: https : //www.polymer-project.org/components/paper-elements/demo.html#paper-dropdown-menu 和 angularjs。

我试过但仍然无法让它工作..

任何建议将不胜感激 !

0 投票
1 回答
934 浏览

jquery - 从聚合物中的多个输入框中获取数据

我有一个“卡片”元素列表;每个都有一个纸张输入元素和一个按钮元素;每个元素都从外部 JSON 中获取一些数据(在 my-post-service 元素中,我嵌入了 core-ajax)。我的目标是,当用户在文本框中写一些东西并点击相关按钮时,用户插入的特定卡片和文本的信息被发送到另一个函数。这是这个聚合物元素的代码:

目前,当我点击某个按钮时,我总是能够获取特定的卡片信息(通过模板属性),但我只能从第一个纸质输入元素(第一张卡片之一)中检索文本。

Ps 我是聚合物的新手,所以也许我错过了一些愚蠢的东西......!

0 投票
2 回答
421 浏览

polymer - 使用 Polymer 0.5.1 中的纸张项目转到页面?

我创建了一个小型 Polymer 站点(可从http://infinitech.org/beta获得)。我在 a 中嵌套了 ana hrefcore-icona paper-item。但是,我必须单击文本a href才能转到链接。我怎样才能让它点击任何地方paper-item都会转到链接(这样我就不必点击文本a href)?我正在使用聚合物 0.5.1。非常感谢您的时间和帮助!

0 投票
1 回答
723 浏览

polymer - 仅使用 Polymer (0.5.1) 使用动画滚动到顶部?

我在paper-fab屏幕的右下角创建了一个。我想让它在用户单击此按钮时滚动到页面顶部(带有动画)。有什么方法可以使用 Polymer 而不是 jQuery/JavaScript 来做到这一点?谢谢您的帮助!

0 投票
1 回答
1874 浏览

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 网站似乎使用的是同一个分支。

0 投票
1 回答
676 浏览

polymer - 纸张下拉菜单垂直对齐

升级到 v0.5.1 后,垂直对齐属性似乎已从 paper-dropdown-menu 中删除,

在我做这样的事情来控制垂直对齐之前,但它不再起作用了:

有什么办法可以用更新的元素做这样的事情吗?