问题标签 [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 投票
3 回答
2921 浏览

angular - Angular 2 路由

我在网上搜索了一个更改浏览器 url 的 angular2 路由器示例。当我们更改不同的路线时,所有示例都不会更改浏览器 url。你能给我一个 ES6 中的小例子来证明这一点吗?

0 投票
1 回答
2005 浏览

typescript - ComponentInstruction 和 CanActivate 在 Angular 2 rc1 中不可用

我正在使用带有 angular 2 rc.1 的打字稿编写一个 angular2 应用程序

我猜 angular 2 文档还没有更新。

https://angular.io/docs/ts/latest/api/router/ComponentInstruction-interface.html

https://angular.io/docs/ts/latest/api/router/CanActivate-decorator.html

angular2-rc.1 中不再提供 ComponentInstruction 接口和 CanActivate 装饰器。相反有什么?

我有以下课程需要升级到最新的角度版本。

新的@angular/router 包现在具有 CanDeactivate 和 OnActivate。这让我有点困惑。

我猜 https://angular.io/docs/js/latest/api/router/CanDeactivate-interface.html 也没有更新,因为它说:The routerCanDeactivate hook is called with two ComponentInstructions as parameters,并且不再定义 ComponentInstruction 。

我不想使用这个angular/@router-deprecated包。我想解决这个问题!请!:)

任何有关该问题的信息将不胜感激。

0 投票
1 回答
378 浏览

angular - 路由器插座工作不正确

加载路由器的组件正在路由器出口 app.component.ts 之外呈现

default.component.ts

控制台没有错误。在检查一个元素时,我看到路由器插座是空的,并且组件在它之后呈现。

在此处输入图像描述

0 投票
0 回答
967 浏览

angular - 如何使用带有查询参数的 Angular 2 RC.1 路由器导航到自我

在组件初始化期间使用 router.navigate() 设置查询参数的正确方法是什么(不触发组件重新加载)?我尝试了一些变化,但都失败了。我有一个带有@Routes 的应用程序组件,一个带有@Routes 的父组件和一个子组件。应用路由是'/:evt'->ParentComponent,父路由是'/child'->ChildComponent。子组件有

  • 选项 1 和 2 使组件无法加载或至少使其处于不良状态。但是日志中没有错误。

  • 选项 3 将重新加载完整路线并跳转到页面顶部。所以不能使用,但似乎工作。

  • 选项 4 触发组件的重新加载。所以我得到激活,初始化,激活,初始化,然后是最终 url 的 2x router.changes,/:evt/child 的初始路由没有路由更改事件,只有 /:evt/child;x=1; 两次。随后是关于 _recognize 的子组件上缺少路由的异常。

我还尝试在子构造函数期间调用 router.navigate() ,但这触发了导致 Chrome 崩溃的无限组件重新加载循环:)。

在 Angular 1 中,您可以在组件初始化期间调用 $location.search(query) 来更新查询参数而无需重新加载组件。在 Angular 2 RC 1 (Restart/Reset/Redo Candidate ;) 我找不到等效的调用。

0 投票
1 回答
629 浏览

angular - angular2 router.navigate 与数据一起 - 隐藏 URL 中的数据

我想与数据一起导航到 angular2 中的某个页面,同时数据来自 URL。有没有办法在不显示 URL 的情况下传递数据?
我正在使用以下代码:

0 投票
0 回答
139 浏览

angular - 新的 Angular2 RC 路由器

关于新的 angular2 路由器还有一些问题和现在的信息。

首先,新的@Routes 中没有“名称”,因此应该始终存在相对 URL 路径,这没关系。

但是我怎样才能检查哪条是我激活的路线?在不推荐使用的路由器中,我这样做了:

另一件事是,这是检查用户是否有权导航到路由的最佳方法。什么是它的最佳实践,直到现在我做了这样的事情:

有人可以给我一个在新的 angular2 路由器中做这一切的例子吗?

谢谢

0 投票
1 回答
6839 浏览

angular - 根据条件使用 routerlink 或 href

我在组件中有这段代码

这在使用 app.component 中定义的本地路由时按预期工作,但当外部路由重定向到 http:localhost:5555 | http://external.com 有没有办法将 routerLink 用于本地路由,将 href 用于外部路由?

0 投票
0 回答
161 浏览

angular - 如何将 Angular2 应用程序加载到另一个 Angular2 应用程序中

我有一个 angular2 应用程序,它有一个导航栏、一个侧边栏和一个内容区域:http://localhost:4200/

单击导航栏/侧边栏项目时,我希望内容区域从我们将设置的其他 angular2 应用程序中获取其内容,有点像前端微服务方法。

到目前为止,我可以加载它们的唯一方法是在 iframe 中:

是否有另一种方法可以在没有 iFrame 的情况下将其他 angular2 应用程序加载到我的主应用程序中?这些 ui 应用程序是否可以仅导出它的主要组件,然后将其导入以在主应用程序中使用?

0 投票
1 回答
323 浏览

typescript - Prevent the duplciate path/route usage in the routerLink

Thats my html file:

This terminal route is already defined the parent component Routes configuration.

Due to maintaining my software I would like to declare kind of a constant string and re-use it from my Routes and routerLink.

How can I do that ?

0 投票
4 回答
11907 浏览

typescript - 无法将任何路由与子路由和新的 Angular 2 RC1 路由器匹配

应用组件

学年组件

schoolyears.component.html

当我单击“创建”routerLink 时,我收到此错误:

错误

为什么没有加载子路由?为什么 /create 路由不在可用的路由数组中?