在Dart中如何使用setInnerHtml元素 <template> 标签？

Question

例如，我有一段这样的代码：

String_test="
<template>
<label> {{count2}}  SSSSSSSSSSSSSSSSSSSSSSSSS </label> 
<input id="input1" type='text' value='{{count2}}'>
</template>"

我想将String_test分配给另一个元素，例如：

DivElement span2 = new Element.tag("div");
span2.setInnerHtml(String_test);
_content.nodes.add(span2);

但是，无法识别“ <template>”标记，不会显示任何内容。

注意：我的目的是使用setInnerHtml在数据绑定仍然可以的情况下将内容动态添加到网页。

有任何想法吗？

谢谢！

Answer 1

看来您在Dart程序文件中包含原始html。 这不是Dart的工作方式。 Dart具有通过HTML文件中的标记引用的代码（保存在.dart文件中）。 这个非常快速的教程将向您展示如何做到这一点： https : //www.dartlang.org/docs/tutorials/connect-dart-html/

在Dart Polymer库中可以找到模板。 进入此处的过程太长了，但是您可以在以下网址找到一个简短的教程： https : //www.dartlang.org/docs/tutorials/polymer-intro/

我还要提到Angular具有Dart风格，我发现它比Polymer库更易于访问。 教程和文档也更好。 Angular是一套更全面的库，可以在这里找到其教程： https : //github.com/angular/angular.dart.tutorial/wiki