Dart One page 应用程序：没有 AngularDart 的路由

Question

我想尝试创建一个单一页面应用程序。在 Dart 网站上只解释了使用 AngularDart 的路由。老实说，如果将 Dart 与 AngularDart 一起使用，最好只使用没有 dart 的 Angular。

所以我尝试用

创建这个单页应用

HttpRequest 类

button.onClick.listen((e){
    HttpRequest.getString("test.html").then((html){
      querySelector(".container").innerHtml = html;
    });
  });

在我的 test.html 中，我只写了<h1>test page</h1> 那是工作！！！但是如何修改url？我尝试使用 History 类（如 javascript）并且工作正常：我的网站从 www.mysite.com 变为 www.mysite.com/test

但是如果我在浏览器的 url 输入中插入 www.mysite.com/test 会给我 404 错误。

飞镖路线包已停产 5 年。 (https://github.com/justinfagnani/route)

Answer 1

如果您想要替换 URL 路径的路由，则需要使用 location.pushState、location.popState、location.replaceState API。这将使您无需导航即可修改 URL，并听取这些修改。

您可以在此处查看 Angular 路由器的操作方式：https://github.com/dart-lang/angular/blob/master/angular_router/lib/src/location/path_location_strategy.dart

虽然您的服务器需要配置，但使用该策略，以便所有这些路径都将由同一个 html 页面提供服务。或者，当您在不使用应用的情况下导航到该页面时，您将收到 404。

另一种策略是在 URL 的末尾使用 # 进行路由。这将更改 URL 而无需导航到新的位置，并让您的应用在 # 之后侦听数据，而不是更改路径。这将在不修改您的服务器的情况下工作。

您可以在此处查看 angular_router 中使用的策略：https://github.com/dart-lang/angular/blob/master/angular_router/lib/src/location/hash_location_strategy.dart

最后，您可能想重新考虑一下 AngularDart，它是 Google 的许多团队使用的，也是 Google 目前使用的唯一 Dart Web 框架。我们的团队非常喜欢它。它与 Angular 并不完全相同，它们实际上是由不同的团队开发的，并且有一些不同的优点和缺点。这也是为什么您在那里看到更积极的开发，而不是我们内部不使用的路线之类的东西。