如何动态加载HTML片段并将其插入到我的网页中?我在用dart .

推荐答案

很高兴你这么问!在这个任务中使用Dart与JavaScript没有太大区别,只不过您可以获得打字、代码完成和流畅的编辑体验.

首先,创建代码片段.html:

<p>This is the snippet</p>

接下来,创建应用程序.请注意使用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));
  });
}

最后,下面是宿主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>

Dart相关问答推荐

Dart StreamController().stream 等于 == 但不相同

为什么 Dart 程序在使用词法作用域时会根据声明变量的位置而表现不同?

Const 构造函数不适用于 Dart 并显示 id 为 0

flutter.io (dart) - 将填充设置为设备宽度的百分比?

如何在flutter中加载数据之前显示进度对话框?

Flutter - 单击时渲染新的小部件

StreamBuilder 会在无状态小部件中自动关闭流吗?

在dart polymer重复模板中获取索引

Dart / Flutter 错误:没有为类Logger定义toStringDeep

如何在Dart中按布尔对列表进行排序

Flutter Text 小部件中的 StrutStyle 是什么

如何减少 ListView.builder 中 RaisedButton 的宽度?

如何更改手机屏幕上的Flutter应用程序名称显示?

如何导入文件夹中的所有文件?

有可用的 Dart VM 吗?

您可以将命名参数与简写构造函数参数结合起来吗?

Dart 中 == 和 === 有什么区别?

我应该更喜欢迭代 Map.entries 还是 Map.values?

找不到名为pubspec.yaml的文件

dart 折叠(Fold)与减少(Reduce)