html - 客户端上的 Dart HTML 模板 : Separating HTML from Dart code

Question

希望创建 HTML 元素作为 Dart 客户端应用程序的一部分。

有多种方法可以做到这一点。

理想情况下，用于创建新元素的 HTML 模板将与 HTML 的其余部分一起使用，而不是与 Dart 代码内联。

有没有分离 HTML 模板和 Dart 代码的选项？

背景

动态创建 HTML 内容的常用方法:

在代码中创建，如下所述:How to create an HTML link in Dart?

作为代码中的字符串输入，在上面的链接中也有说明。

使用 Polymer，它确实解决了这个问题，但似乎需要样板文件。
对于不需要自定义元素、数据绑定(bind)和其他功能的用例，Polymer 似乎是多余的。

DART HTML 模板库曾经一度停止工作:
http://blog.sethladd.com/2012/03/first-look-at-darts-html-template.html

还有 HTML5 '模板' 元素。 HTML5"template"标签在 caniuse.com 上的支持有限 (50%)，目前限制了它的适用性。

Answer 1

您可以使用 Polymer 用于其模板的 template_binding 包。您可能还想使用 polymer_expressions 包来获得更强大的表达式语法。

重要的是你不需要所有的 Polymer 来使用它们。查看 polymer_expressions 测试以获取在不使用 Polymer 的情况下使用 template_binding 的示例。