请注意我对聚合物,角度或基于路径的解决方案不感兴趣。我想在这里学习“纯粹的”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网络应用程序中完成此任务?
答案 0 :(得分:4)
您可以将每个部分保存在自己的文件中并加载它们:
HttpRequest.getString("part.html").then((html) {
querySelector('#container').innerHtml = html;
});