问题标签 [polymer-2.0]

我正在创建一个聚合物 2.0 PWA / 网站。我在访问 div 容器时遇到问题（我希望根据用户输入放大和缩小 div）。

如果我无法在 Javascript 中获取元素，则在带有模板 dom 的影子 dom 中，以便在用户操作（如按钮单击或滑块）移动时我可以缩放 div。

我尝试了文档 getElementsByClassName、shadowroot 搜索。我可以在 shadow dom 中看到这个 div 存在。只是无法在 Polymer 的 javascript 函数中访问它。

这是完整的代码（删除了一些不需要的代码元素，以便专注于手头的问题）

我的应用程序.html

元素：epicspring-page.html

我期待我可以在 shadow dom 中找到元素，并能够通过转换 div 来设置元素的样式并模仿放大功能。

我不确定如何获取元素以及它应该是什么语法。

我正在尝试在 Polymer2.0 应用程序中实现 Sortablejs，其中我动态地将 id 分配给 dom 重复模板中的 ul 元素。

我遇到的问题是我无法在数据列表 todos 的观察者方法中访问带有 id 的 ul。

我尝试了 document.getElementId, this.$.querySelector 但两者都返回 null 并且 Sortablejs 创建方法会抛出需要 html el 的错误。我也试过 this.shadowRoot.querySelector(child.id) ...它也返回 null。

自过去 2 天以来，我一直在努力使其正常工作。我需要做什么来修复它？请帮忙。

我在使用 dom-if 时遇到了一个奇怪的问题。我有一个元素列表，当某些东西失败时显示不同颜色的状态，并且还显示失败的子元素的计数。

颜色的变化工作正常（data-status$），但计数的显示不能正常工作。

为了隐藏计数，我创建了一个函数isInFailure，该函数根据计数值返回布尔值，但 dom-if 仅在我单击li元素时执行，例如摘要循环尚未完成：

我的 html 看起来像这样：

我正在使用模板动态添加一行。在添加行时，我还想要on-change="addTotal"Amount 列上的函数。每当新添加的行的金额列发生变化时，它应该调用addTotal()将所有行的值相加并总计的函数。但是，使用此代码，它不会调用该addTotal函数。

我已经尝试在 addRow() 函数中使用类名“totalcheck”的 addEventListener，但这也是未定义的。