如何使用Dart动态加载HTML并插入网页？

如何动态加载HTML片段并将其插入网页？我在用飞镖。

很高兴你这么问！使用Dart完成这项任务与JavaScript没有太大区别，只是您可以获得打字、代码完成和流畅的编辑体验

首先，创建snippet.html：

这是代码片段

接下来，创建应用程序。注意使用XMLHttpRequest来请求代码段。另外，使用

newelement.html（string）

从字符串创建html块

导入'dart:html'；
void main（）{
var div=querySelector（“#在此处插入”）；
HttpRequest.getString（“snippet.html”）。然后（（resp）{
append（newelement.html（resp））；
});
}

最后，这里是主机HTML页面：

动态
动态

main.dart：

import 'dart:html';

DivElement div = querySelector('div');

main() async {
  String template = await HttpRequest.getString("template.html");
  div.setInnerHtml(template, treeSanitizer: NodeTreeSanitizer.trusted);
}

template.html：

<h1>Hello world.</h1>

Check my bird... <em>it flies</em> !
<img src="https://www.dartlang.org/logos/dart-bird.svg">

你好，世界。
检查我的鸟。。。它飞了！

有关开箱即用的完整示例，请参见：

---

请注意，您需要1.12才能使

nodetreesanizizer.trusted

正常工作。

…而且似乎是一个巧妙的解决方案。XMLHttpRequest现在是HttpRequest，是吗？你问了这个问题，然后对自己说

很高兴你问了虽然很奇怪，但你给自己的答案很有帮助。嗨@FrançoisWahl，事实证明“自己问自己回答”是可以接受的。有时，当我发现一块我想与他人分享的宝石时，我会这样做。：）@sethladd：我知道这是可以接受的，我只是有点困惑，你问了，同时回答了。我喜欢这个主意，也理解你为什么现在这么做。我希望SO能有一个维基功能来分享像这样的好信息。