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);

但是，“＆lt; template＆gt;”标签无法识别，不会显示任何内容。

注意：我的目的是使用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

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

1 个答案: