如何使用dart和angular 2支持客户端路由?

时间:2015-09-05 21:12:05

标签: dart angular-dart dart-pub dart-shelf

我正在尝试运行Angular2 alpha 35

我有一个带静态货架服务器的服务器设置。在pub构建之后,它适用于发布到heroku。

当我使用pub serve在本地测试时,我似乎无法控制路由,我需要更细粒度的控制来修改路由以始终指向index.html - (客户端路由)

当我使用书架指向网络文件夹时 - 我可以提供资产 - 但我失去了所有的飞镖变形金刚。

问题

使用客户端路由为本地Dart项目提供SPA的最佳方法是什么?

1 个答案:

答案 0 :(得分:1)

您无需使用Dart Shelf在本地测试Angular2。 Pub Serve可以使用,同时保留Dart Shelf用于生产。

首先,这对于pub的WebStorm代理服务器来说是一个问题。它正在击中WebStorm代理服务器而没有找到正确的angular2路由。

从命令行运行pub serve可以完美运行。要直接从WebStorm启动它,请确保在“运行”下创建自定义调试配置 - > '编辑配置' - 否则:

  1. 从命令行启动pub服务器:

    pub serve

  2. 主要声明如下
  3. bootstrap(MySuperCoolApp,[     routerInjectables,     //应用程序的基本路径     结合(APP_BASE_HREF).toValue( '/'),     绑定(LocationStrategy).toClass(HashLocationStrategy)   ]);

  4. 然后将Dartium导航到:

    http://localhost:8080/#/your/custom/route/