问题标签 [polymer-2.x]

当使用 webcomponents-lite this.updateStyles 按预期工作。但是在不需要它的浏览器上，我不想加载它。

this.updateStyles 应该在没有 webcomponents-lite 的情况下工作吗？

非工作版本示例： http ://codepen.io/daKmoR/pen/dNPdya

使用自己的 updateStyles 的解决方法示例：http: //codepen.io/daKmoR/pen/ggbeaR

有没有更好的办法？

谁能指出我使用 Polymer 2 和polymer-buildPolymer CLI 的教程？当我在polymer-starter-kitand use中使用任何示例时polymer serve，它都可以正常工作；但是当我使用polymer build和服务bundledorunbundled目录时，我得到了404错误。我什至已经更新到最新的 alpha 版本polymer-cli。

此外，使用https://github.com/tony19/generator-polymer-init-2-x-app生成器也有同样的问题。

我想要一个我定义为Polymer.IronScrollTargetBehavior在 Polymer 2 中的自定义元素。

在 Polymer 1 中，这可以通过将其添加到behaviors数组中来完成：

在 Polymer 2 upgrade guide中，它说您应该：

将“行为”实现为返回类表达式的混合。

在链接的文章中，它解释了如何为 mixins 使用以下语法：

我主要了解这里发生的事情（尽管我发现很难理解 mixin 语法），并且我可以让示例代码正常工作。

我无法做的是将这个概念应用于Polymer.IronScrollTargetBehavior，并为它创建一个 mixin。由于该行为已经被定义为一个对象，我不知道该放在哪里。

那么，如何在这种情况下实现正确的 mixin，或者如果我走错了路，如何将定义的 Polymer 行为之一应用于 Polymer 2 中的自定义元素？

我正在尝试在同一元素的实例之间同步我的一些 Web 组件属性，因此，如果其中一个属性发生更改，那么在所有实例中，相同的属性都会使用相应的绑定和事件进行更新。

注意：我想使用Polymer Data System Concepts进行实例之间的通信。

例子

我的元素.html

我的其他元素.html

我的应用程序.html

PD：最好使用标准模式和良好实践。

在 Polymer 1.0 中，我会像这样重复<option>标签内的<select>标签：

但在 Polymer 2.x 中，建议使用<dom-repeat>标签：

但这不起作用。那么如何<option>在 Polymer 2 中重复标签呢？

我使用 Polymer 1 (latest version) plus polymerfire(latest version) 来显示一个带有索引的列表（seedPosition下面我的代码中的属性）。在 Polymer 1 中，当我将一个对象添加到 Firebase 时，索引增加了 1，但是当我将所有内容更新到 Polymer 2.0-preview 时，索引增加了整个列表长度。这表明整个对象得到更新，而不是新添加的。

我所做的唯一更改是#2.0-preview通过 bower 加载所有元素，并将类语法更改为 Polymer 2（例如，class ClassName extends Polymer.Element {...}.

我已经开始将我的应用程序从 p1 移植到 p2 并且 Google 提供的所有元素（例如纸元素）都可以正常工作。但是，我还使用了一些目前仅适用于 p1 的非 google 元素。为了解决一些问题，我将一些元素移植到 p2，这主要需要将 bower 依赖项更改为#polymer2-preview。但遗憾的是，这对于所有元素来说是不够的，而且有些元素过于复杂，无法移植所有代码。我看到聚合物 cli 提供variants了 p1 和 p2。可以以某种方式用作解决方案吗？

在聚合物中，如果我有一个名为valuetypeBoolean和 default value的属性true：

有什么方法可以将值设置为falseHTML 属性？

例如，所有这些示例都将value属性解释为true：

这是一个示例代码笔：http: //codepen.io/anon/pen/KWdWRm

（此问题和代码示例适用于 Polymer 2，但 1.x 中可能存在相同的问题）

目标：

我想创建一个允许查看/编辑某些类型对象的属性的元素（编辑器），以及另一个显示这些对象的可编辑数组的元素（列表），将查看/编辑委托给编辑器元素，而保留对从列表中添加/删除对象的控制。待办事项列表就是一个很好的例子（注意：据我所知，Polymer 待办事项列表示例漂浮在那里，不要做我需要的事情，请继续阅读以了解原因）。我正在尝试在 Polymer 2.0 中执行此操作，但尚不清楚该问题是否特定于 2.0。

障碍：

首先，这里有一些关于 plunker 的代码：

https://plnkr.co/edit/Yji9kl63sOdnHJiv4CCU

列表元素：

编辑器元素：

问题在于，除了编辑现有的待办事项之外，当创建新的待办事项时，编辑器中应该监视对待办事项的编辑的观察者会被触发。对于新的待办事项和尚未编辑的现有待办事项，都会发生这种情况。换句话说，如果列表中已经有项目 A 和 B，并且我添加了项目 C，则编辑器中的待办事项属性观察器会被触发 3 次，每个新的/现有的项目都会触发一次。无论新项目是否被推入/移入列表，都会发生这种情况。我从 Polymer 2 松弛通道的讨论中了解到，unshift 行为是意料之中的，但 push 行为是出乎意料的。

问题：

实现此用例的 Polymer Way（最好是 2.0）是什么？我不想用代码污染 List 元素来处理对待办事项的编辑。待办事项本身是将来可能获得更多属性的对象，因此我不想将 dom 重复项的每个属性单独绑定到 Editor 元素中的某个属性，因为这是代码维护的麻烦。我只想在 dom-repeat 的每一遍中绑定整个待办事项，并允许编辑器处理哪些属性是可编辑的以及如何编辑。

我的问题的答案可能是“Polymer 不能做到这一点”，也可能是“您误解了 Polymer 的一些基本知识”，我很想知道其中的一个或两个，所以如果我遗漏了什么，请直言不讳重要的。不过，希望有一种聚合物方法可以满足我的要求。

任何人都可以帮助我解决疑问...我正在 Safari 上测试新的 Polymer 2.0 预览，但它似乎无法正常工作。问题是，我在 index.htm 中使用了一个简单的代码（只是我的元素），加载了 polyfill，但我没有使用 gulp 和 BrowserSync 构建和服务。碰巧在 Chrome 和 Mozila 上工作，但在 Safari 上却没有。该组件甚至不加载。

在 Safari 上投放之前我需要构建吗？

它只是一个简单的代码来测试......但无论如何我都会发布：

指数：

我的元素：