问题标签 [polymer-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 回答
1050 浏览

ajax - RestApi 通过聚合物的 Iron-ajax 调用

我正在开发一个聚合物应用程序,我想调用 RestApi。这就是请求正文的样子

我没有正确理解应该如何在 iron-ajax 元素的 params='{}' 中指定这些参数。

0 投票
1 回答
86 浏览

css - 如何实现嵌套的标题栏效果?

我正在用聚合物开发一个 SPA。我的主要布局使用该app-layout集合在下面创建标题栏和可滚动页面 - 因此

我的一个页面是一个大型月历,用于查看约会摘要和预订,当用于预订时,上面会有大量关于所选日期预订的重要信息,以至于正常屏幕 日历的最后几周从屏幕底部消失,我的页面变得可滚动。

this的结构<page-element>是这样的

我想在这个页面上实现的(记住主应用程序工具栏在屏幕顶部保持静态)是

  • class="day" 的部分在屏幕顶部保持静态(在主应用程序工具栏下)
  • 当用户向下滚动页面直到它完全消失时,日历标题选择会折叠 - 但如果用户向上滚动一点点,则只有“daysofweek”行会显示自己(即,滚动效果支持的显示模式<app-header>
  • 页面的其余部分,日历本身上下滚动,当用户完全向下滚动时,该月的最后一周正好位于页面的底部
  • 当带有 class="day" 的部分不存在时(即有人只是在查看日历,那么这只是向上折叠到零高度,但页面的其余部分如上所述,但具有更大的视口。

我尝试使用嵌套<app-header-layout>,但这似乎只是让我留下了应用程序工具栏,日历的底部填充了屏幕的其余部分并且不可滚动。所以我正在寻找关于如何实现这一点的建议,或者使用聚合物元素,或者自己用 css 来做。

更新

尝试使用paper-scroll-header-panel,但一切都变得不可见。不理想,为什么在 chrome 开发工具中,各种元素放置在页面上的正确位置,但没有出现,我不知道为什么

我还尝试将日历容器元素设置为overflow-y: scroll,但我最终得到了两个垂直滚动条,并且只有外部的滚动条有效(即应用程序一级)。scrollTarget这个实验让我想知道我是否应该尝试玩app-header

0 投票
0 回答
146 浏览

firebase - 我应该使用一个 firebase-query 并以编程方式更改查询参数,还是可以在同一个文件中使用多个 firebase-query 元素?

我在同一聚合物元素中有多个查询,它们来自 Firebase 中的不同位置。我想知道是否可以使用一个 firebase-query 元素并以编程方式更改路径,如果可以,如何?我遇到过这个这个似乎显示出一些问题。

在我的同一个自定义元素中使用多个 firebase-query 元素是否有问题?如果有的话,我主要在这里寻找最佳实践。谢谢你的帮助。

0 投票
0 回答
209 浏览

firebase - 当 firebase-query 数据没有直接暴露(在 JSON 的更深层次)时,我是否必须强制通知更改?

我在 firebase 的 3 级结构中有一些数据。我可以使用 Polymerfire 的 firebase-query 元素轻松获取数据并提取我想要的内容。但是,如果我在第三层更改数据,当我希望我的铁列表反映这一点时,什么也不会发生,因为我正在利用 Polymer 的数据绑定功能。

我还有其他可以正常工作的实例,其中我的查询路径是我正在更改数据的直接级别并且一切正常。

我遇到了这个线程,好像 firebase-query 有这个问题。我想知道它是否已解决,如果没有,将不胜感激向我展示一种仅获取更改的简单方法,目前我正在走链接中显示的路径,而且非常混乱。谢谢。

“为了便于阅读,我删除了不相关的内容”

这是我的数据结构:

这是我将数据绑定到 iron-list 的地方:

0 投票
0 回答
51 浏览

html - 如何相对于铁列表中的主要父项设置每个子项的样式?

我有一个<div>内部简单的熨斗清单。当铁列表迭代数据数组时,我希望每个实例的<div>样式都相对于主铁列表的顶部,但无论我尝试什么(绝对和相对样式的组合)我似乎都不能让它工作。如果有人能帮助我实现这一目标,我将不胜感激。下面是相关代码:

当孩子大小发生变化时,只有孩子相对于铁列表的顶部正确重新定位,但是如果我刷新页面,引用似乎会更改为它上面的最后一个孩子而不是顶部。

0 投票
0 回答
87 浏览

html - 当我在主要元素顶部有一个 div(仍在列表中)时,为什么我的铁列表项没有重置?

我有一个包含一堆对象的铁列表,我希望它们在发生将输入数据更改为铁列表的事件时重新定位。我需要每个对象都引用列表的顶部,但还没有找到任何解决方案。我能让它们表现得像绝对对象的唯一方法是在主要项目之前放置一个 div,如下所示。但是当我更改数据时,项目的数量保持不变,只有一些(与我的数组中的新元素一样多)重新定位。如果从以前的数据中剩下更多的项目,即使我绑定了要从数据中读取的高度,它们也会保持在原来的位置。

0 投票
1 回答
364 浏览

javascript - 聚合物:更改文件 json 时更新 DOM

我正在制作一个模式来将数据添加到 json 文件并将其显示在 DOM 中。数据保存到文件中,但 DOM 没有更新。我正在使用铁阿贾克斯。

我没有放模态代码,但它确实可以保存和调用函数:

尝试在该函数中更新 id="esquema"。我做了这个.$.esquema.render(),但它不起作用。

非常感谢您的帮助

0 投票
2 回答
156 浏览

angular - 两种方式装订与纸切换与飞镖角

我正在尝试将模型值绑定到 dartangular 中的纸质切换聚合物元素。

这是行不通的。它只是根据 share.pin 值设置切换按钮,而不是其他方式。

我尝试添加事件处理程序但不成功。

0 投票
1 回答
921 浏览

javascript - 改变聚合物的属性值

我已经声明了这样的属性:

在我的聚合物元素中。现在我有了这个功能:

这应该将属性值更改为 true。每次我调用该函数时,我都会遇到错误“TypeError:尝试分配给只读属性。”。但是我在我的属性中将 readonly 设置为 false 。我的函数是用这样的按钮调用的: <button id="loginbutton" on-tap="connect">Click me!</button>

有谁能够帮我?

0 投票
1 回答
139 浏览

javascript - 使用 addthis 或外部 javascript 更新聚合物元素 shadow dom 中的 div

我正在尝试向聚合物 2.0 应用程序中的元素添加一些“addthis”按钮。我能够导入“addthis” javascript,但它缝合了脚本本身需要更新作为子元素一部分的“div”。addthis 脚本正在寻找class="addthis_inline_share_toolbox"这可能吗?我认为问题在于脚本在 shadow dom 中找不到类。如何使该类从影子 dom 中可用,以便脚本可以找到它?有没有办法通过聚合物属性创建这种访问?

代码在这里