问题标签 [angular2-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1835 浏览

angular - 以角度 2 路由到非空默认路由

使用新 RC 路由器定义默认路由的一种方法是

但是我如何才能最初显示一个具有非空路径的页面?喜欢

那永远不会显示家庭内容,但我想要它。

如何在新的 RC1 路由器中做到这一点?

0 投票
1 回答
3402 浏览

angular - 如何在 Angular 2 RC1 路由器中检索最后一个 URL 段名称

我有一个 Angular2 路由器 (RC1),它在其所有三个路由中加载相同的组件:

这背后的原因是因为我需要三个非常相似的 CRUD 操作表单。所以,我决定使用同一个组件结合几个*ngIf基于组件模式(创建、细节、更新)的组件。

现在的问题是我找不到获取 URL 上最后一段的名称的方法。理想情况下,我可以做这样的事情(伪代码):

我怎样才能实现这样的功能?有任何想法吗?谢谢!

0 投票
1 回答
3905 浏览

javascript - Angular2 - 扩展路由器和 Observable

在带有路由器模块 v 3.0.0.6alpha 的 angular2 rc2 中,我扩展了 RouterOulet 以在访问管理员之前检查用户是否已登录。所以这是代码:

userService.isLoggedIn() 必须返回一个布尔值。我的问题是:如何调整我的代码以进行 http 调用以检查用户是否已登录?因为如果 isLoggedIn 方法返回一个 observable 对象,并且我订阅了它,我无法在父函数中返回结果。

0 投票
4 回答
3049 浏览

angular - Angular 2 rc3 路由器不推荐使用的包问题

欢迎使用 Angular 2 rc.3!

我使用project.json5 Min Quickstart来配置我的项目,但是当我运行时出现npm install以下错误:

有谁知道这是什么原因?也许快速入门文档已过时?

0 投票
1 回答
890 浏览

typescript - “/”不允许子路由。在父路由路径上使用“...”

我有一个父页面kms.html,它正在加载router-outlet,它加载登录页面和我的登陆页面基于登录我实现了路由......现在在路由到我的登陆页面之后再次有router-outlet,如果在登陆组件中我写的

由于不允许使用子路由,因此会引发错误/kms...在父路由路径上使用。

如果我删除该@RouteConfig部分它工作正常,但我无法执行子路由。

这有什么线索吗?

0 投票
1 回答
203 浏览

angular - 使用参数 Angular2 访问 URL

我有一条带有参数的路由,例如{path: 'Client/:id', component: ClientComponent} 当我尝试访问 url ...Client/123 时,出现异常“ Cannot match any routes 123”。当我使用 url ...Client/123 加载页面时会发生这种情况。当我尝试在使用我的应用程序时访问该 URL 并从一个 URL 导航到另一个 URL 时,一切正常。仅当我首先加载客户端页面时才会发生这种情况。

任何想法为什么?谢谢你。

路由器版本是 3.0.0-alpha.7

0 投票
2 回答
563 浏览

typescript - 错误 404:找不到 @angular/router/bundles/router.umd.js

我在 Angular 2 中设置路由,根据他们网站上的文档,一切都是一样的。

这是我在 app.component.ts 中导入的示例

不幸的是,我收到了这个错误。

在此处输入图像描述

我查看了我的文件树,发现@angular/router中没有bundles文件夹

在此处输入图像描述

这是一个错误吗?我怎样才能解决这个问题?谢谢!

0 投票
1 回答
935 浏览

angular - Angular2 路由器 3.0.0-alfa7。无法导航到路线

Angular2 版本:rc3

路由器版本:3.0.0-alfa7

引导.ts:

当我启动应用程序时,路由器重定向到/users并且UserListComponent工作得很好。

我有两个问题:

  • UserListComponent导航到/users/edit/:id只能通过[routerLink]指令(例如 [routerLink]="['edit', 17]")工作。但是后来我尝试使用路由器本身从UserListComponent导航(例如 router.navigate(['edit', 17]))然后什么也没有发生;
  • 从它的子组件导航到/users不起作用。我试过 [routerLink]="['/users']", router.navigate(['/users'])。需要注意的是[routerLink]="['/users']"渲染到一个有效的锚标签:<'a href="http://localhost/users"></'/a>
0 投票
2 回答
654 浏览

angular - Angular2 rc3将路由器注入测试

由于我升级到 Angular2 rc3,任何需要注入路由器的测试现在都失败了。以前我使用的是路由器/测试文件中提供的 ROUTER_FAKE_PROVIDERS,但它似乎不再存在。有什么建议么?

0 投票
2 回答
649 浏览

authentication - LoggedInOutlet angular2 authentication - Router v3.0.0-alpha8 - ComponentInstruction 在哪里?

我正在使用这样的代码来扩展 RouterOutlet 并创建应用程序范围的身份验证和路由保护

问题是 ComponentInstruction 在新的 v3.0.0-alpha8 路由器中不存在,并且超级方法签名已更改。如何更新它以在新路由器中工作?我找不到任何解释更改的文档。