问题标签 [angular2-router]

我的 package.json 依赖项如下：

但是当 npm install 它给出以下错误：

按照官方文档，尝试切换到新路由器，如版本 "@angular/router": "3.0.0-beta.2" 结合 "@angular/*": "2.0.0-rc.4"组件路由器。

但是，在尝试使用默认 HomeComponent 加载我的应用程序时，我遇到了一个问题：

这似乎与使用 templateUrl 和外部 html 文件而不是使用内联模板样式有关。

HomeComponent 最初未显示在 Window 中，错误会打印到控制台。但是，当我使用指向 Home Component 的链接时，它会显示为二手。

一旦我从

至

错误消失，显示 HomeComponent 并且路由按预期工作。

这是一个已知问题吗？它适用于使用 templateUrl 的人吗？有什么我必须尊重的东西才能让它发挥作用吗？

我正在使用angular2 路由器。

要绘制 url 的面包屑，假设 site.com/a/b/c/15 我执行以下操作：

1. 获取路线site.com/a/b/c/15并获取与路线关联的漂亮名称
2. 获取路线site.com/a/b/c并获取与路线关联的漂亮名称
3. 获取路线site.com/a/b并获取与路线关联的漂亮名称
4. 获取路线site.com/a并获取与路线关联的漂亮名称

所以可以说我确实有以下路线：

我的过程的结果将是一个包含数组，{"I am C", "I am B", "I am C"}并且由于它，我可以显示一个很好的面包屑"I am A > I am B > I am C"来解释当前的路线。

这用于与不推荐使用的路由器一起使用

然而现在；使用最后一个路由器，我无法再处理此识别逻辑。

如何获取与 url 关联的路由数据？

我正在试验新路由器（版本 3.0.0-alpha.7），想知道如何通过 routerLink 指令指定查询参数？

下面的 Router.navigate() 方法会生成一个类似http://localhost:3000/component-a?x=1的 URL

但是，我不知道如何用 routerLink 指令做同样的事情。如下模板返回解析器错误...

我能得到的最接近的是http://localhost:3000/component-a;x=1，它使用子路由的语法。

升级到 RC4 后，我在配置路由器时遇到了这个问题：

ng.router.RouteConfig 不是函数

我正在使用纯 JavaScript。

这就是我引导的方式：

我的主要组件看起来像这样（删除了不必要的代码）：

我正在使用：角度：2.0.0-rc.4 路由器：3.0.0-beta.1

这是我的脚本包括：

我在使用路由器对 Angular 2 RC4 应用程序进行单元测试时遇到问题。它给了我这个错误：

我已经实现了这样的测试：

请帮助我完成这个过程。

假设我得到了这个路由器配置

SalesComponent并已通过此 URL导航到

现在我想去contacts，但由于我没有绝对路线的所有参数（例如，7在上面的示例中，部门 ID）我更喜欢使用相对链接到达那里，例如

或者

不幸的是，这不起作用。可能有一个明显的解决方案，但我没有看到它。任何人都可以在这里帮忙吗？

我开始在 AngularJS 2 中开发一个新的应用程序，但我在计划它时遇到了困难。

我有一个带有侧边栏菜单和内容 div 的引导模板。

HTML 示例：

如何在 Angular 组件之外使用 routerLink 构建这个结构？我应该在主组件（引导我的主组件）中配置这些 RouteConfigs 吗？

我已经构建了一个与 REST api 通信的 CRUD 应用程序，但还没有找到在删除一个项目后刷新视图的方法。我过去曾使用 router.navigate 在其他方法（例如 create 方法）之后更改视图，并且效果很好。

问题是调用 delete 方法的事件在同一个项目列表中（每个 *ngFor 项目都有自己的删除事件）。因此，如果我删除一个项目，然后我使用 router.navigate 转到当前视图，它什么也不做，因为您已经在那里，因此即使它已经工作，也看不到没有删除项目的视图的更新版本。

有没有其他方法可以在不使用 route.navigate 的情况下刷新视图？

编辑：

我试图实现 ChangeDetectorRef，但仍然无法正常工作......

这是组件：

这是服务中的方法：

我的主要设计像往常一样在 app.component.html 中。其他组件像母版页一样使用这个。但是如何登录页面会有不同的设计。通常它是像其他组件一样的组件，并且（必须？）在 app.component.html 中工作。

我想不通。有什么建议吗？