问题标签 [polymer]

有一个关于如何在 Dart 代码中创建 Dart web-ui 自定义元素的指南。还有这种技术的示例代码

有没有关于如何从 Dart 代码创建 Dart Polymer 自定义元素的示例？有一个问题说不能使用创建自定义元素new Element.html()。但是在 web-ui 中根本不需要使用new Element.html()。尽管 web-ui 需要编写几行代码，但至少它起作用了。是否有类似的技术可以从 Dart 代码创建 Dart Polymer 元素？

我正在尝试让数据绑定在飞镖中工作。基本上我做的和这个视频一样。使用伪代码它看起来像这样：

在 html 文件中，我还有一个可以正常工作的模板。现在我只是试图让数据绑定工作的一种方式，虽然模板已正确初始化，但对变量 p 的后续更改在模板中不可见。我试图触发这样的更新

但是，这不会触发更新。但如果我使用延迟它确实有效：

所以我对此有几个问题：

1. 为什么变量的变化不能反映模板的变化？
2. 模板不应该更新我的工作方式吗？还是 mdv/polymer 没有按照预期的方式工作？
3. 是否可以手动触发模板更新？
4. 是否可以轻松地将单向数据绑定转换为双向数据绑定（即通过使伪代码中的 Person 类可观察或其他方式）？

PS我在这里发布之前搜索并尝试了几件事。我发现了一个创建自定义聚合物元素的主题，这似乎比我想要的更麻烦。我还尝试了花式语法库（这并没有改进它）和数据绑定器（编译错误）。我还阅读了几页关于聚合物的内容，但我不确定什么与 dart 相关并且没有被弃用（或页面上方的警告中提到的“陈旧”）。

我对 dartlang 中的聚合物有疑问。

如何在 dartlang 中以编程方式实例化聚合物组件，当然还可以将其添加到 dom 中？

我有一个适用于 web_ui 的示例：

我有一个组件，我想根据一个布尔值绑定一个不同的 css 类。我的组件代码中有以下内容：

其中 isOpen / isClosed 定义如下：

问题是，我怎样才能让 isClosed 可观察，但基于对 isOpen 的更改？我想知道这种情况，但也想知道更复杂的情况（例如，从多个组件派生的字符串）

此外，对于这种简单的情况，是否有更好的方法使用 bindCss？绑定到 '!task.isOpen' 不起作用，但如果它这样做会很好。

我在访问 Polymer 元素的 shadowDom 时遇到问题。这是元素的（截断）代码：

下面是 Dart 代码的样子：

charDivs.length总是返回 3，计算<div>我硬编码到<template>. 在代码中创建的任何 div<template repeat="{{chars}}">都不会通过使用shadowRoot. 任何想法为什么会这样？

此外，当我将样式应用于具有 classchar的元素时，样式将应用于所有 <div>s，包括在repeat. 但 usingshadowRoot只返回硬编码的 div。

我有一个 ASP.NET MVC 站点提供的飞镖聚合物项目。应用程序页面实际上cshtml是一个与其他 dart 文件位于不同目录中的文件。除此之外，一切都以惯用的方式布置。在 Dartium 中运行时，一切正常。当我以 javascript 运行时，我收到消息boot.js only works in Dartium. Run the build.dart tool to compile a depolyable JavaScript version。

这种情况似乎很难适应。有什么想法可以让应用程序像 javascript 一样工作，同时保持它作为 ASP.NET MVC 提供的 cshtml 文件？

我有一个父组件，它充当其他组件的容器。我希望容器能够查询其组件内的元素。例如，我的外部组件是：

我的内部组件是：

但是 taskdart.dart 中的以下内容都不会产生任何结果：

这是因为 css 在内部组件中的作用域，还是因为在初始化过程中此时没有什么可查询的？无论哪种方式，我将如何解决它？

我正在尝试创建一个家庭日历样式的应用程序，该应用程序有一个表格，其中人名作为列，日期作为行。不知道如何做到这一点，但这是我到目前为止所拥有的：

日历表.html

日历表.dart

关于上面的一些问题：

1. 上面的代码不起作用，“Uncaught Error: EvalException: variable not found: people in 193757919”。这是由于这个错误还是我做错了什么？
2. 是否有另一种方法来创建具有动态行和列的表？如果错误影响我的代码，也许有一些解决方法？
3. 有没有关于使用“模板”作为属性而不是元素的文档？（刚刚看到其他一些将其用作属性的代码，它似乎可以工作，但找不到任何官方文档）

更新：

我正在寻找的输出是这样的。（一旦我正确渲染了基本布局，我计划在单元格中为“X”添加内容）：

更新：

这就是我最终得到的结果（感谢 ianmjones 为我指明了正确的方向！）：

日历表.html

是我一个人还是上次发布的聚合物修剪了小胡子？我发誓这个代码片段（http://jsbin.com/eRimiJo/10/edit）上周完美运行，现在它没用了，因为小胡子魔法似乎不再起作用了：

编辑：编辑以删除明显的错别字

使用 Web UI 时，我可以将数据传递给这样的组件：

如何将数据传递给 Polymer 元素？