问题标签 [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.
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中添加按钮,它可以工作:
angular - Angular 2:如何有条件地异步加载路由中的组件?
给定条件,我想将组件异步附加到路由。
以下示例有效(但是异步的),根据用户角色加载一个或另一个组件:
但是,假设我们想从 API 中检索角色,因此是异步的。有什么方法可以做到这一点?
angular - 从 url 获取当前命名的出口
我有一条看起来像这样的路线:
这意味着我有一个 DashboardComponent,在其中我在主插座内打开一个 ReportComponent。在我的 DashboardComponent 中,我还有一个命名的插座(右),其中打开了 LogsComponent。
在我的 ReportComponent 中,我想在正确的插座中打开当前组件的值。有没有一种简单的方法来实现这一点?
现在似乎可以做
有点冗长。谢谢。
angular - Angular 2 使用 Jasmine 和 Karma 测试路由器
我在为 Angular 2 中的 router.navigate 编写存根时遇到问题。我目前编写了以下存根。这是角度文档中显示的内容。
但是,当我使用此存根时,会出现以下错误。
我的导航用法如下。
任何帮助,将不胜感激。
只是一个更新......我能够使用我发现在这里引用的非 TestBed 方法进行此测试。但是,如果有人能够弄清楚如何使用 TestBed 方法进行此测试,我将不胜感激。谢谢
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#
但它发生的情况相同
angular - Angular 2 路由器 i18n 网址
我目前正在开发一个基于 Angular 2.1.0 的网络应用程序。
我收到了 SEO 专家关于我需要设置不同 url 的方式的一些说明(基于使用的语言),例如:
我还没有在文档中看到讨论此类问题的部分。我的问题有解决方案吗?
感谢您的时间和帮助!
angular - Angular2:路由路径中的解析和数据有什么区别?
我看到有两种方法可以将简单数据(例如字符串)从路由路径传递到不同的组件:
第一种方式:
路由端:
组件方面:
第二种方式:
路由端:
组件方面:
那么将值传递给组件的最佳方式是什么?resolve
和data
属性有什么区别?
angular - 组件类组件中的错误-内联模板:7:24 导致:无法读取未定义的属性“订阅”
我在当前应用程序中使用 angular 2.1.0 模块。如果我在具有 routerLink 属性的组件上运行单元测试,我会收到以下错误。
我在我的组件中使用路由参数和数据解析。我按照文档中的说明设置了 ActivatedRouteStub 和 RouterStub。这是我的 TestBed 配置。帮助我克服错误。
beforeEach(异步(() => {
}));
angular - 无法匹配任何路线:''
我在 angular2 应用程序中有一个定义的路由并收到这样的错误:
无法匹配任何路线:''
这是我的路线配置的代码。我使它与示例中的相同,但它不起作用,redirectTo 属性也无济于事。默认空路由不加载。有人可以帮我吗?