Dart:动态重定向,无需重新加载

时间:2013-12-28 19:53:20

标签: dart single-page-application dart-html

请注意我对聚合物,角度或基于路径的解决方案不感兴趣。我想在这里学习“纯粹的”Dart,虽然我可能会转而使用其中一个框架,但我需要先了解基础知识。

在Dart中,是否可以一次性(在应用启动时)下载一大堆HTML“片段”(见下文),然后将它们加载到浏览器中(整个窗口或仅在特定的{ {1}}元素等)动态吗?

例如,我的HTML文件可能包含<div>元素:

<div>

我想下载HTML的两个“片段”(DOM子树,HTML模板),并将其中一个动态加载到<body> <!-- lots of HTML --> <div id="container"></div> <!-- more HTML --> </body> div标签中。也许其中一个片段看起来像这样:

container

我看起来像另一个片段:

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

这两个代码段是否可以放在他们自己的HTML文件中,或者 将它们放在一个大文件中并提取出我要加载的“代码段”?无论哪种方式,我如何在Dart网络应用程序中完成此任务?

1 个答案:

答案 0 :(得分:4)

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

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