首页 > TAG信息列表 > angular2-routing

javascript-不再存在于angular2中的routerState.parent的替代方法

在angular2 rc5中,我有这段代码. this.router.routerState.parent(this.route).params.forEach((params: Params) => { url = params['url']; id = +params['id']; }); 我必须使用它,因为我在路由器上的位置低了两个级别,并且由于某些原因,这样做不起作用. this.route.p

javascript-如何解决:app / app.component.html:15:1中的错误,原因是:RouterOutletMap没有提供者

我在这里找到了这些答案,但是它们并没有帮助我.我猜想Angular 2还在不断变化吗? No provider for RouterOutletMap Getting Angular2 error ‘No provider for Router! (RouterOutlet -> Router)’ 我的app.routing.ts import { ModuleWithProviders } from '@angular/core'; impo

javascript – 如何使用angular 2在URl中使用questionmark

我是Angular 2的新手 这里显示了我的url将显示的路由器的代码.Router Code现在,当我运行该代码时,url看起来像这样.. 本地主机:50465 /推广ID = / 51059 在那个网址显示?问号的标记(?)和=而不是equalto(=).显示如何显示我的原始网址.我的代码看起来像那样. 我想这样输出:http://localho

javascript – Uncaught(在promise中):TypeError:无法读取null的属性’component’

尝试在Angular 4中使用nestet路由时出现此错误: ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'component' of null TypeError: Cannot read property 'component' of null at PreActivation.webpackJsonp.../../../router/@angular/rout

javascript – Angular 2如果路径不存在,如何重定向到404或其他路径

参见英文答案 > Handling 404 with Angular2                                    1个 如果角度2中不存在路径,我试图重定向404 /其他路径 我尝试研究有一些角度1但不是角度2的方法. 这是我的代码: @RouteConfig([ { path: '/news', n

javascript – Angular 2在子节点中添加指向根路由器的routerLink

目前我正在使用Angular 2 Beta 8开发一个Web应用程序.现在,当使用routerLink指令时,我遇到了嵌套路由的问题. 路由器层次结构是: AppCmp |-> NewItemFormCmp |-> UserDashboardCmp |-> MyItemsCmp 涉及的组件是: @Component({ ... }) @RouteConfig([ {component: NewI

javascript – Angular 2 router.navigate

我正在尝试使用路径和查询参数的混合导航到Angular 2中的路线. 以下是路径是路径最后一部分的示例路由: { path: ':foo/:bar/:baz/page', component: AComponent } 试图像这样链接使用数组: this.router.navigate(['foo-content', 'bar-contents', 'baz-content', 'page'], th

javascript – Angular 2最终版本路由器单元测试

如何使用karma和jasmine对Angular 2.0.0版中的路由器进行单元测试? 这是我的旧单元测试在版本2.0.0-beta.14中的样子 import { it, inject, injectAsync, beforeEach, beforeEachProviders, TestComponentBuilder } from 'angular2/testing'; import { RootRouter } f

javascript – 当相同的url加载了不同的参数时,Angular2路由器2.0.0没有重新加载组件?

我在.routing.ts文件中有这个 export const routing = RouterModule.forChild([ { path: 'page/:id', component: PageComponent }]); 我的PageComponent文件检查id参数并相应地加载数据.在以前版本的路由器中,如果我从/ page / 4转到/ page / 25,页面将“重新加载”并且

javascript – 在Angular中,您如何确定活动路线?

注意:这里有许多不同的答案,大多数都是有效的.事实是,当Angular团队改变其路由器时,有效的改变了很多次.最终将成为Angular路由器的Router 3.0版本打破了许多这些解决方案,但它提供了一个非常简单的解决方案.从RC.3开始,首选解决方案是使用[routerLinkActive],如this answer所示. 在

javascript – angular 2禁用网址编码

我想禁用网址编码. 当我在下面使用这个. this.router.navigate(['/profile', { tags: 'one,two' }]); 网址是这样的 http://localhost:4200/profile;tags=one%2Ctwo 我希望它非常像下面 http://localhost:4200/profile;tags=one,two 有没有办法禁用网址编码?解决方法:Angular2

javascript – Angular 2路由器事件监听器

如何在Angular 2路由器中监听状态变化? 在Angular 1.x中我使用了这个事件: $rootScope.$on('$stateChangeStart', function(event,toState,toParams,fromState,fromParams, options){ ... }) 所以,如果我在Angular 2中使用这个eventlistener: window.addEventListener("hashcha

javascript – 从角度2升级到角度4.4时角度路由器问题

我按照角度官方migrating_documentation中提到的相同步骤进行操作. 不幸的是,当我将代码从角度2迁移到角度4.4时,我遇到了一个问题.该问题可能与@ angular / router有关. 但是,代码似乎工作正常,但我无法进行构建.任何建议将不胜感激. Error shown in Terminal: ERROR in [at-lo

javascript – Angular 2,如何在ngOnInit()变量中存储值?

在这里,当我登录到我的应用程序时,我希望将json对象存储在本地存储中,然后将其分配给用户Object.第一次,如果我登录它将不会显示任何内容,但如果我刷新页面,我可以看到名字. 这是.ts文件 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-nav

javascript – Angular 2 Routes – 是否可以使用ngFor从路由创建动态routerLinks?

我想在具有已定义路径的特定模块中获取所有路由,并使用ngFor循环遍历它们并在我的组件html中创建动态链接列表. ngFor示例(overview.component.html): <li *ngFor="let item of items; let i = index;"> <a routerLink="/{route.path}">{route.path}</a> </li> 模块示例(base.m

angular – 路由behing nginx

我有一个angular2应用程序.如果我使用本地webpack开发服务器,一切正常. 当我在nginx后面的服务器上部署应用程序时,我可以使用应用程序链接导航.但是,如果我输入URL到浏览器URL栏我得到404 Not Found错误. 这是网站的Nginx配置: server { listen 80; server_name mydomain;

javascript – Angular 2:当我离开路线时如何应用回调

这是一个例子,我在AppComponent中定义了一些路由: @RouteConfig([ {path:'/', name: 'Index', component: IndexComponent, useAsDefault: true}, {path:'/:id/...', name: 'User', component: UserComponent}, {path:'/plan&#