问题标签 [polymer-1.0]

我正在使用 Iron-media-query 来使用 Polymer 1.0 显示工具栏菜单项，但它没有按预期在移动设备上呈现。

如果我调整桌面网络浏览器（Google Chrome）的大小，菜单会很好地呈现，但如果我在手机 Note 3 上加载页面，它不遵守规则。可能是我做错了什么。

使用 Polymer，有人知道如何在父元素和子元素之间绑定值吗？

以下是我的尝试，但它不起作用。

注意：child-component需要使用 JavaScript 创建。

谢谢 ：）

我有一个父组件，在“铁页”组件中有两个子组件。当父母收到来自其中一个孩子的事件时，它应该切换页面。问题是，当事件到达父组件时，它执行代码来切换子组件，但没有任何反应。但是，如果代码是在父组件本身上执行的，那么它就可以工作。

我的问题是：为什么子组件发送事件时父组件无法切换页面？

下面是两个子组件的代码：

和另一个孩子：

然后我们有父组件：

谢谢...

更新：聚合物文档现已更新以反映以下答案

我正在做一个聚合物 1.0 应用程序。

我正在尝试在部分屏幕上水平布局一些纸质工具栏。
看来我可以让 iron-flex-layout 的 @apply(--layout-horizo​​ntal) 处理某些元素，但不能处理其他元素。

我在下面进行了一个小测试以显示发生了什么。
有趣的是，如果我将 --layout-horizo​​ntal 样式的内容复制到 chrome 开发工具中的标签中，它就可以工作。如果我只是将 --layout-horizo​​ntal 的内容复制到新样式中，它也可以工作。

这是正在发生的事情的示例。

第一个 div 是 0.5 到 1.0 迁移指南中的示例。
第二个 div 是示例，但尝试布局一个部分而不是一个跨度。
第三行是我明确复制和应用 --layout-horizo​​ntal 样式的地方。

完整项目可在此处获得https://github.com/nburn42/polymer-1.0-LayoutTest

谢谢，
内森

我是 Polymer (1.0) 的新手。

我的<iron-media-query>元素不工作。控制台中没有错误，但它不显示任何内容。

一些改进会很棒！我试图让它从 2 小时开始运行。:)

提前致谢

罗恩

我index.html的是这样的

我期待each-key会并排安排（如float:left）；然而它不是（并且each-key仍然表现得像display:block）。我有我each-key.html的

1. 我在这里缺少什么吗？
2. 在文档中，https://www.polymer-project.org/1.0/docs/migration.html#layout-attributes在该<style>部分中，它是什么意思/*layout properties for the host element */（什么是宿主元素？）和/* layout properties for a local DOM element */（什么是在这种情况下的本地 DOM？本地 DOM === 影子 DOM？）？

为什么这行不通？我正在尝试notify和listeners一起使用。我错过了什么吗？

设想

我的 Polymer 组件模板的一部分应该从 JSON 响应中呈现未转义的 HTML（是的，在这种情况下这样做是安全的）。到目前为止，我一直使用 juicy-html ( https://github.com/Juicy/juicy-html )，但它不再适用于 Polymer 1.x。

我的模板的相应部分看起来很像这样：

我读到了一些用早期版本的 Polymer 注入 HTML 的解决方案，但我想知道是否有一种“规范的方式”可以用 1.x 实现这一点？

我正在将一些 Polymer 元素更新为 1.x。它在 Chrome 和 Safari 中运行良好，但在最新的 Firefox 中，我得到了几个“未捕获的异常：无法推断元素名称”。错误。

似乎与 html 导入有关，因为如果我从 component.html 中删除除导入之外的所有内容，那么错误仍然会发生。

在 index.html 我有这个：

在 element.html 中：

[编辑] - 不知何故错误消失了。我怀疑是由于 Firefox 或 Polymer 更新。

我在模板中继器中有几个有条件标记的元素。现在，当我更新数据时，if 条件似乎没有生效，这导致undefined传递到处理这些元素数据的函数中。

使用该restamp属性似乎没有帮助（https://www.polymer-project.org/1.0/docs/devguide/templates.html#dom-if）。到目前为止，我只能通过清空this.items = [];发起新请求的更改处理程序中的 items 属性 () 来解决这个问题。

This works, but results in the template being empty for a short amount of time before the new data gets displayed. Not necessarily a problem, but I wonder if I'm doing something wrong.

Here are the corresponding parts of the code: