logo标签列表

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

dartsingle-page-applicationdart-html
3
请注意，我对 Polymer，Angular 或基于路由的解决方案不感兴趣。我正在尝试学习“纯”Dart，虽然我可能会在未来转而使用其中一种框架，但我需要首先对基础知识有很好的理解。
在Dart中，是否可以一次性下载大量HTML“片段”（如下所示），然后以动态方式将它们加载到浏览器中（无论是整个窗口还是只在特定的<div>元素内等）？
例如，我的HTML文件可能具有一个<div>元素：
<body>
    <!-- lots of HTML -->

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

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

我希望能够下载两个HTML的“片段”（DOM子树，HTML模板），并将它们动态地加载到container div 标签中。也许其中一个片段看起来像这样：

<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 Web应用程序中实现这一点？

1个回答
4
您可以将每个部分保存在自己的文件中，并像以下方式加载它们：
HttpRequest.getString("part.html").then((html) {
  querySelector('#container').innerHtml = html;
});
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接