问题标签 [polymer]

假设我有一个重复的模板：

我可以用什么替换 [x] 将是独一无二的？访问循环计数器可以解决问题，但我愿意接受建议。

我正在尝试在 Polymer-Element 中实现 Bootstrap 模态。我尝试了几种方法，但收效甚微。任何建议，将不胜感激。我仍在尝试围绕所有这些新标准进行思考，所以我确定我遗漏了一些东西。

我想要什么

x-foo 有 x-bar 的地方

现在这行得通，有点。在 x-bar 上调用 show() 将显示弹出窗口，但不会显示本地样式。样式未显示是有意义的，因为 bootstrap.js 已删除 div.modal 并将其附加到主体。但是 div.awesome 的点击处理程序永远不会触发。

现在我尝试了几种变化，结果都相似。请注意，我不依赖于引导模式。但我对实现此标签的最佳实践和/或如何实现附加到主体以进行显示的自定义弹出窗口感兴趣（当然还有所有的 Web 组件优点）。

聚合物 js 文档说您必须侦听 WebComponentsReady 事件才能知道何时设置了聚合物元素。Dart 中的等价物是什么？

这是我的模板：

这是主要的：

OrderList 是 HttpRequest.getString() 的包装器并返回一个未来。我的想法是使用 WebComponenentsReady 之类的事件来了解模板何时已完全实例化。基本问题是如何获得 main 中的 .accordion-heading div，以便将听众附加到它们？

如果我不使用自定义元素，我无法将模型绑定到表格。自定义元素工作正常，但是当我尝试手动绑定模型而不创建自定义组件时，不会显示任何数据。有任何想法吗？

custom_table.html

custom_table.dart

没有自定义元素版本：

聚合物测试.html

聚合物测试.dart

在 Dart 的 Web UI 中，可以将任意数据传递给函数以响应事件，例如，以下代码段将值传递2给increment(int incBy)方法以响应按钮的点击事件：

在 Polymer（和 Polymer.dart）中，点击事件属性需要函数名的字符串版本，而不是实际的函数调用。这在聚合物文档页面上描述为：

事件处理程序属性的值是组件上方法的字符串名称。与传统语法不同，您不能将可执行代码放入属性中。

使用polymer.dart，这看起来像：

问题：如何将任意值传递给increment函数？

Using polymer.dart, how can I ensure that styles referenced in the consuming page are still available in the template?

I have a consuming, or main, page, thus:

and a template, thus:

and the <div> in the a-pony element is not styled appropriately when the page is rendered.

I've seen the demo stuff and read this, but these are specific to styles that are declared inside the template, and don't cover the case where the styles are external.

我有一个类字段，它是一个字符串，我想使用文本输入来修改该字段。我如何使用 @observable 和 polymer.dart 来做到这一点？

这是我想与 UI 同步的类字段：

是否有一个程序可以在 Dart 中的聚合物元素上调用“init”方法以填充它？我有一个聚合物模板（仍然不确定它是否正确），我想用 HttpRequest 的结果填充它。我可以使用静态列表填充，但不确定如何使用通过 http 调用生成的动态列表填充它。

任何地方都有例子吗？

我仍在努力加快 Dart 和 Polymer 的速度……我的技巧在https://gist.github.com/fils/6270699

我目前正在将我们当前的 Dart Web UI 项目翻译成 Polymer.dart。我们将 Bootstrap 3 用于前端样式和许多 Web 动画（例如下拉菜单、模式、工具提示）。

然而，在我将一个 Web UI 组件翻译成 Polymer 后，所有的 Bootstrap JavaScript 都停止了对子组件的工作，因为它现在被封装在 ShadowDOM 中。要从 Dart 访问 ShadowDOM 中的元素，我必须使用 shadowRoot 字段，而从 Chrome 中的 JavaScript 我必须使用 webkitShadowRoot 属性，但我仍然无法让单个下拉菜单正常工作。

首先，在 bootstrap 中调用 dropdown('toggle') API 后，下拉菜单出现但永远不会消失。此外，似乎不可能检测到单击事件触发了哪个链接，因为该事件是在窗口级别触发的。这意味着我找不到要显示的下拉菜单。

有人有一起使用 twitter-bootstrap 和 Polymer 的经验吗？

我用 dart / polymer / sockets 做了一个应用程序，我想用 Javascript 编译它。但我不知道该怎么做。我试图做“生成Javascript”，但它说“你没有主入口点”。

我应该手动编译每个飞镖文件吗？

build.dart 有用吗？

编辑从评论中添加了 index.html：