问题标签 [angular2-routing]

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 投票
32 回答
115442 浏览

angular - Angular 2.0 路由器无法重新加载浏览器

我正在使用 Angular 2.0.0-alpha.30 版本。当重定向到不同的路由,然后刷新浏览器,它显示Cannot GET /route。

你能帮我弄清楚为什么会发生这个错误。

0 投票
7 回答
2873 浏览

angular - Angular2 路由

我一直在关注这个Angular 中的路由教程,但它不起作用。当我使用“comp”选择器放置它的 HTML 代码时,它可以工作,但是当我尝试使用 router-outlet 路由它时,它只显示来自index.html.

我有以下内容:

main.ts:

比较:

索引.html:

0 投票
5 回答
26121 浏览

angular - 在 Angular2 路由中使用 Resolve

在 Angular 1 中,我的配置如下所示:

如何在 Angular2 中使用解析?

0 投票
28 回答
567157 浏览

angular - 如何检测Angular中的路线变化?

我正在寻找在我的AppComponent.

此后,我将检查全局用户令牌以查看用户是否已登录,以便在用户未登录时重定向用户。

0 投票
3 回答
1453 浏览

routing - Angular 2在App-start上自动生根到主页

我目前正在使用 Anuglar 2 开发一个应用程序,并试图在应用程序启动时将其路由到我的主页。

我有一个 main.html 和一个 main.ts 文件,它们可以自己加载,并且可以加载各种嵌套视图(如果这是正确的名称),home 就是其中之一。

此时的代码如下所示:

[...] 表示与问题本身无关的其他代码。

现在有了代码,启动应用程序会抛出以下错误:

无法解析函数 Router(registry, parent, hostComponent) {(?, ?, ?) 的所有参数。确保它们都具有有效的类型或注释。

如何修复它并让路由/自动导航正常工作?

后期编辑:与项目中的队友就更新到 angular 2 alpha 45 进行了一些会谈......结果证明这实际上是问题背后的原因。整个事情现在工作正常,我必须开始(以及对导入的内容进行一些调整)。

0 投票
5 回答
386560 浏览

angular - Angular 2 - 如何使用 this.router.parent.navigate('/about') 导航到另一条路线?

Angular 2 - 如何使用导航到另一条路线this.router.parent.navigate('/about')

它似乎不起作用。我试过location.go("/about");了,因为没有用。

基本上,一旦用户登录,我想将他们重定向到另一个页面。

下面是我的代码:

0 投票
2 回答
1769 浏览

angular - Angular2 动态路由提供者

我想动态地提供 [router-link]、路径、组件和 as 的值。

在这个例子中,我提供了静态值,但是如何像下面这样动态地提供?

angular2 有可能吗?如果是,那怎么办?

0 投票
2 回答
25262 浏览

angular - Angular2路由 - 路由更改时保持组件状态

我有一个应用程序,在路由后面有视图,我需要能够从路由更改的点继续,但是返回后,组件处于初始状态。

有什么办法可以保持组件的状态?

0 投票
1 回答
9505 浏览

typescript - 使用 Angular2 处理 404

如果输入了无效路径,是否有任何方法可以将 Angular2 路由器配置为重定向到特定路由?

例如,如果我有三个路线:
/home
/about
/404

我输入 /trains (一条路线,不在路线配置中),我希望路由器将我重定向到 404。

0 投票
2 回答
6555 浏览

angular2-routing - HashLocationStrategy does not produce # locations when routing?

I'm running the Angular 2 beta.0 and I'm messing around with routing. Here's what I have

AppComponent:

Every tutorial and API reference seems to point to me doing it just like I have above. I also have <base href="/app/" /> in the head of my index.html. Here are my RouterLinks

The routing behaves like it should. I get no errors. When I click on one of these entries in the bootstrap nav-bar I see that the views have switched out and are showing the proper templates and that their Components have run and are being bound to. However, despite using HashLocationStrategy in my bootstrap(...) call, the URLs are still "HTML5 Style": localhost:8080/app/Rows when it should be localhost:8080/app/#/Rows.

I believe I need to use the old # based way if I want my users to be able to bookmark a particular view and come back to it. If I allow for /app/Rows then refreshing the page causes a 404 because Rows doesn't exist in the app folder.