Dart：无需重新加载的动态重定向答案

【问题标题】：Dart: dynamic redirection without reloadDart：无需重新加载的动态重定向
【发布时间】：2013-12-28 19:53:20
【问题描述】：

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

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

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

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

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

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

我想下载两个 HTML 的“sn-ps”（DOM 子树、HTML 模板），并将其中一个动态加载到 container div 标签中。也许其中一个 sn-ps 如下所示：

<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!" />

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

【问题讨论】：

【解决方案1】：

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

HttpRequest.getString("part.html").then((html) {
  querySelector('#container').innerHtml = html;
});

【讨论】：