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

Question

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

如何动态加载HTML片段并将其插入我的网页？我正在使用Dart.

Answer 1

很高兴你问!使用Dart执行此任务与JavaScript没有太大区别,除了您获得打字,代码完成和光滑的编辑体验.

首先,创建snippet.html:

<p>This is the snippet</p>

Run Code Online (Sandbox Code Playgroud)

接下来,创建应用程序.请注意使用XMLHttpRequest来请求代码段.此外,用于new Element.html(string)从字符串创建HTML块.

import 'dart:html';

void main() {
  var div = querySelector('#insert-here');
  HttpRequest.getString("snippet.html").then((resp) {
    div.append(new Element.html(resp));
  });
}

Run Code Online (Sandbox Code Playgroud)

最后,这是主机HTML页面:

<!DOCTYPE html>

<html>
  <head>
    <title>dynamicdiv</title>
  </head>
  <body>
    <h1>dynamicdiv</h1>
    <div id="insert-here"></div>
    <script type="application/dart" src="dynamicdiv.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

是吧？你问了这个问题然后对自己说'很高兴你问过!'虽然很奇怪,你给自己的答案很有帮助. (2认同)

归档时间：	13 年，5 月前
查看次数：	3251 次
最近记录：	10 年，3 月前