在客户端上进行Dart HTML模板化:将HTML与Dart代码分开

时间:2014-03-25 04:55:43

标签: html templates dart

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

这样做有多种方法。

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

是否有分离HTML模板和Dart代码的选项?

背景

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

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

  2. 从代码输入为字符串,也在上面的链接中解释。

  3. 使用Polymer,虽然看起来需要样板,但确实解决了这个问题。 对于不需要自定义元素,数据绑定和其他功能的用例,聚合物似乎有点过分。

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

    还有HTML5'模板'元件。 HTML5'模板' tag在caniuse.com上的支持率有限(50%),目前限制了它的适用性。

1 个答案:

答案 0 :(得分:2)

您可以使用Polymer_binding包,这是Polymer用于其模板的包。您可能还希望使用polymer_expressions包来获得更强大的表达式语法。

重要的是,您不需要所有聚合物都可以使用它们。查看polymer_expressions测试,了解使用template_binding的示例,而不使用Polymer的其余部分。