在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