通过 DART 命令导入 HTML

Question

我阅读了this 关于 HTML 导入的内容，并想使用 dart 来做同样的事情

“import.html”文件是：

<div id='imp'>This is the div to be imported</div>

index.html 文件是：

the imported div shall appear here: <output id="imported-div"></output>

main.dart 文件，是：

void main() {
      Element output = querySelector('#imported-div');

      var link = document.querySelector('link[rel=import]');
      var importedFile = link.import;

      output.innerHtml=importedFile.querySelector('div.imp');
   }

但是什么也没发生，我不知道该把导入的文件名写在哪里！！如果我需要在 index.html 文件中编写以下语句，或者不需要它：

<link rel="import" href="import.html">

任何想法！

Answer 1

一些小错误

选择器错误

// output.innerHtml=importedFile.querySelector('div.imp'); // requires <div class="imp">
//output.innerHtml=importedFile.querySelector('div#imp');  // requires <div id="imp">
output.append(importedFile.querySelector('div#imp'));      // append instead of innerHtml = (requires a String)

如果你想多次使用导入，你也可以这样做

output.append(importedFile.querySelector('div#imp').clone(true));

另见http://www.html5rocks.com/en/tutorials/webcomponents/imports/