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

angular - Angular 2 Final Release 路由问题

我对 Angular 2 Final Release 路由有一些问题。当我在子组件中添加 [routerLink] 时,会发生此错误:

这是我的树:

现在文件内容:

应用程序.routes.ts

app.module.ts

用户.routes.ts

用户模块.ts

用户.component.ts

登录模块.ts

login.component.html

在 login.component.html 上,如果我删除按钮,一切正常。此外,如果我在user.component.ts中添加按钮,它可以工作:

0 投票
6 回答
25382 浏览

angular - Angular 2:如何有条件地异步加载路由中的组件?

给定条件,我想将组件异步附加到路由。

以下示例有效(但是异步的),根据用户角色加载一个或另一个组件:

但是,假设我们想从 API 中检索角色,因此是异步的。有什么方法可以做到这一点?

0 投票
0 回答
509 浏览

angular - 从 url 获取当前命名的出口

我有一条看起来像这样的路线:

这意味着我有一个 DashboardComponent,在其中我在主插座内打开一个 ReportComponent。在我的 DashboardComponent 中,我还有一个命名的插座(右),其中打开了 LogsComponent。

在我的 ReportComponent 中,我想在正确的插座中打开当前组件的值。有没有一种简单的方法来实现这一点?

现在似乎可以做

有点冗长。谢谢。

0 投票
1 回答
2495 浏览

angular - Angular 2 使用 Jasmine 和 Karma 测试路由器

我在为 Angular 2 中的 router.navigate 编写存根时遇到问题。我目前编写了以下存根。这是角度文档中显示的内容。

但是,当我使用此存根时,会出现以下错误。

我的导航用法如下。

任何帮助,将不胜感激。

只是一个更新......我能够使用我发现在这里引用的非 TestBed 方法进行此测试。但是,如果有人能够弄清楚如何使用 TestBed 方法进行此测试,我将不胜感激。谢谢

0 投票
1 回答
940 浏览

angular - Angular2.0.0 - 从 url 标签位置策略获取查询字符串(带?)

我使用angular 2.0.0并且我有一个这样的 URL:

http://localhost:4200/?sptoken=MY_TOKEN#/resetPassword/

我想从中得到MY_TOKEN。我尝试了我能在这里找到的一切,但我只得到“ undefined”。

第二个问题是我使用标签定位策略,如果我像这样访问 URL,它会转换为http://localhost:4200/#/resetPassword/(查询字符串消失),这是我唯一可以访问的时间令牌在转换之前位于主要组件中,但我不知道如何获取它,我发现的大部分内容都是指矩阵表示法查询参数。

你对我如何解决这个问题有什么建议吗?

这是我的代码:

还有我的路线:

我还尝试使用此 URL 尝试在主组件中获取令牌:http://localhost:4200/?sptoken=MY_TOKEN#但它发生的情况相同

0 投票
0 回答
422 浏览

angular - Angular 2 路由器 i18n 网址

我目前正在开发一个基于 Angular 2.1.0 的网络应用程序。

我收到了 SEO 专家关于我需要设置不同 url 的方式的一些说明(基于使用的语言),例如:

我还没有在文档中看到讨论此类问题的部分。我的问题有解决方案吗?

感谢您的时间和帮助!

0 投票
1 回答
4099 浏览

angular - Angular2:路由路径中的解析和数据有什么区别?

我看到有两种方法可以将简单数据(例如字符串)从路由路径传递到不同的组件:

第一种方式:

路由端:

组件方面:

第二种方式:

路由端:

组件方面:

那么将值传递给组件的最佳方式是什么?resolvedata属性有什么区别?

0 投票
0 回答
763 浏览

angular - 组件类组件中的错误-内联模板:7:24 导致:无法读取未定义的属性“订阅”

我在当前应用程序中使用 angular 2.1.0 模块。如果我在具有 routerLink 属性的组件上运行单元测试,我会收到以下错误。

我在我的组件中使用路由参数和数据解析。我按照文档中的说明设置了 ActivatedRouteStub 和 RouterStub。这是我的 TestBed 配置。帮助我克服错误。

beforeEach(异步(() => {

}));

0 投票
1 回答
627 浏览

angular - Angular 2 导航菜单

我正在尝试为我的项目创建导航菜单。这个想法是为此菜单使用 Routes 数组,它正在工作,但现在我正在尝试将 url 添加到我的菜单中,但它不工作

在此处输入图像描述

如上图所示,我创建了带有子元素的导航菜单。现在我想添加 [routerLink] 来启用链接。对于根项目,一切正常,使用:

但对于儿童物品,它不起作用。

PS路线:

0 投票
1 回答
1254 浏览

angular - 无法匹配任何路线:''

我在 angular2 应用程序中有一个定义的路由并收到这样的错误:

无法匹配任何路线:''

这是我的路线配置的代码。我使它与示例中的相同,但它不起作用,redirectTo 属性也无济于事。默认空路由不加载。有人可以帮我吗?