gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 12:45:12 26 4
gpt4 key购买 nike

请注意,我对此处基于 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 网络应用程序中完成此操作?

最佳答案

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

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

关于Dart:无需重新加载的动态重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20818707/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com