3

请注意，我在这里对基于聚合物、角度或路由的解决方案不感兴趣。我正在尝试在这里学习“纯” Dart，虽然我可能会转而使用其中一个框架，但我需要首先对基础有一个很好的理解。

在 Dart 中，是否可以一次（在应用程序启动时）下载一大堆 HTML“片段”（见下文），然后将它们加载到浏览器中（整个窗口或仅在特定<div>元素内等）。 ) 动态？

例如，我的 HTML 文件可能有一个<div>元素：

<body>
    <!-- lots of HTML -->

    <div id="container"></div>

    <!-- more HTML -->
</body>

我想下载 HTML 的两个“片段”（DOM 子树、HTML 模板），并将其中的任何一个动态加载到containerdiv 标记中。也许其中一个片段如下所示：

<h1>I'm Snippet #1!!!</h1>
<input type="button" name="redPillButton" value="Red Pill!" />

另一个片段我的样子：

<h1>I'm Snippet #2!!!</h1>
<input type="button" name="bluePillButton" value="Blue Pill!" />

这两个片段可以放在它们自己的 HTML 文件中，还是我必须将它们放在一个大文件中并提取出我想要加载的“片段”？无论哪种方式，我如何在 Dart 网络应用程序中实现这一点？

4

1 回答 1

4

您可以将每个部分保存在自己的文件中并像这样加载它们：

HttpRequest.getString("part.html").then((html) {
  querySelector('#container').innerHtml = html;
});
于 2013-12-28T19:59:58.970 回答