问题标签 [angular2-routing]

我试图了解 Angular 2 中的辅助路线是什么，但我无法真正理解它。

我看过 Brian Ford 的演讲：https ://www.youtube.com/watch?v=z1NB-HG0ZH4

这让我有了一个想法。但是我仍然对何时使用aux路线而不是“正常”路线感到困惑。我也找不到关于这件事的任何体面的信息。一切要么已经过时，要么带有一个单一的解释，例如：“辅助路线：独立路线”。

我真的看不出辅助路由与 Angular 2 中的常规路由有何不同。有什么区别？我在什么时候需要aux路线？

I am following the Angular 2 routing examples. Using the "lite" webserver I am able to navigate from the root and deep linking works, but using Apache I can navigate from the root, but get 404 Not Found errors when following links direct to routes.

For example the following URL works against the "lite" webserver started on port 3000 by npm.

But the next URL against Apache running on port 80 fails.

I did try a few .htaccess solutions recommended for similar Angular 1 issues but no luck. If anyone has had Angular 2 routing and deep linking work on Apache please do let me know how you achieved that.

Boot.ts

我有一个小型示例应用程序，它根据 Angular 2 中的路由（使用 TypeScript）加载各种组件。

接下来我想尝试的一种方法是在调用属于路由的实际组件之前进行身份验证检查。

例如，我可以轻松地创建某种基类，并让我的所有组件类都从中扩展。但是我必须确保我的所有组件都调用基类的构造函数。

但也许有更“Angular 2”的方式来实现相同的目标？

我还没有找到很多关于这个问题的信息。AuthComponent有没有办法在加载任何其他组件之前触发，比如说一个类？

我一直在尝试调试奇怪的问题，我终于弄清楚了为什么会发生这种情况。只是不知道如何防止它（；我有这个功能：

..它在这个 plunker中完美运行，但在我的应用程序中，我使用它的返回值来更新应用程序状态（redux 模式的自定义实现）。当我通过这个函数发送返回值时：

..routeDefinitions数组发生了变异，事情开始破裂了……我尝试了几件事：

..但它没有用。如何防止routeDefinitions数组突变？

编辑：我设法重现了这个 plunker中的错误

可用于装饰具有路由功能的组件（@RouteConfig）的 RouteConfig 类具有为该组件定义的某些路由定义。现在，关键是在运行时（动态地）注入这些路由定义。

原因是，假设我有一个应用程序，其中我必须显示（UI）和定义（装饰）'n'个路由，每个路由对应于加载应用程序的帐户，因此对应于与之关联的权限该特定帐户。因此，在装饰器 @RouteConfig 中为组件预定义路由定义没有任何意义。

我的方法是在每次加载新帐户时进行服务调用。并且仅检索关联的路由并在运行时注入它们，以便导航到与该帐户的 UI 中显示的每个路由对应的其他相应组件。

在上面的代码片段中，假设我希望加载与登录到我的应用程序的卖家帐户相对应的卖家仪表板。现在，显示销售点仪表板或与卖家无关的任何内容（在我们的例子中，卖家的库存仪表板与卖家相关）没有任何意义。

简而言之，只注入那些需要的路由，而不是在同一个地方配置所有路由。

编辑1：

这个问题有一个简单的用例或场景，而不是在这篇文章中标记的副本（后来被问到）。这篇文章中提到的答案有更简单的方法，也更直观。

我正在使用 Angular2 开发 NodeJS 应用程序。在我的应用程序中，我有一个主页和搜索页面。对于主页，我有一个 HTML 页面，它将为localhost:3000/呈现，并且从主页用户导航到搜索，即localhost:3000/我由angular2 routes 处理的搜索页面。

我没有搜索页面的页面，它的视图由 angular2 呈现。但是当我直接点击localhost:3000/search因为我的节点应用程序中没有此路由时，它会给出错误。

我不知道如何在节点应用程序中处理这个？

我正在开发 angular2 应用程序。在我的应用程序中，我有 appComponent 加载另一个组件并处理路由。App 组件也加载了 nav 组件。这是我的app.html

这是我的appComponent.ts

这是我的nav.html

这是我的navcomponent.ts

在导航组件上，我具有将用户重定向到主页的注销功能。但是当我点击注销页面时，它给出了

我无法理解为什么它会抛出错误。

我为我的应用程序设置了路由设置，带有 . 一切都很好，但我的一个观点加载了一个侧栏，我想使用不同的 . 当我尝试向组件添加其他路由时，我得到“不允许子路由用于“xxx”，在父路由路径上使用“...”。

有没有人添加了多层路由可以提供帮助？谢谢！

没有<script src="node_modules/angular2/upgrade.js"></script>代码工作正常。当我包含 upgrade.js.it 显示“Uncaught ReferenceError: require is not defined in angular2”。我该如何克服这个错误。

我有一个使用服务加载项目列表的视图。我总是只显示一个项目，在带有 << >> 按钮的项目之间移动。

有什么方法可以更改浏览器地址栏中的地址并将记录添加到浏览器的历史记录而不触发 Angular 的路由系统？

我知道如果我使用：

它会做上述事情，但它也会触发 Angular 的路由系统，它又会再次调用我的服务。

编辑：

似乎是位置的功能

正在接近我想要做的事情 - 它在浏览器中更改 url 而不会触发任何 Angular 内部，不幸的是它替换了历史上的最新位置，而不是将新位置推到顶部。