Questions tagged «angular2-routing»

我编写了一个使用路由器的Angular2（v2.0.1）应用程序。该网站加载了几个查询字符串参数，因此完整的URL最初看起来像这样： https://my.application.com/?param1=val1&param2=val2&param3=val3 在我的路由配置中，我有一个条目可以重定向空路由： const appRoutes: Routes = [ { path: '', redirectTo: '/comp1', pathMatch: 'full' }, { path: 'comp1', component: FirstComponent }, { path: 'comp2', component: SecondComponent } ]; 我的问题是，启动应用程序后，URL不再包含查询参数，而是如下所示： https://my.application.com/comp1 有什么方法可以配置路由器，以便在导航时保留初始查询字符串？ 谢谢 卢卡斯

78 angular  angular2-routing 

是否可以传递多个路由参数，例如下面需要传递id1并传递id2给component B @RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId", id2: "another ID"}]); } }

77 angular  angular2-routing 

如何在Angular 2中设置Bootstrap导航栏“活动”类？我只找到Angular 1方式。 当我转到关于页面时，将添加class="active"到关于，然后class="active"在主页上删除。 <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> 谢谢

74 twitter-bootstrap  angular  nav  angular2-routing 

怎么了 我正在尝试使其正常工作，但在标题中出现该错误。我已经包括<router-outlet></router-outlet>在app.component.html正被templateUrl由被叫app.component.ts，仍然没有运气。 app.module.ts： import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { RouterModule, Routes } from '@angular/router'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { TopnavComponent } from './components/navbars/topnav/topnav.component'; import { LeftnavComponent } …

70 angular  angular2-routing 

我正在将正在开发的应用程序升级到最新的Angular 2候选版本。作为这项工作的一部分，我试图使用NgModule规范并将应用程序的所有部分迁移到模块。在大多数情况下，除路由问题外，一切进展顺利。 "@angular/common": "2.0.0-rc.5", "@angular/compiler": "2.0.0-rc.5", "@angular/core": "2.0.0-rc.5", "@angular/forms": "0.3.0", "@angular/http": "2.0.0-rc.5", "@angular/platform-browser": "2.0.0-rc.5", "@angular/platform-browser-dynamic": "2.0.0-rc.5", "@angular/router": "3.0.0-rc.1", 我的应用程序是由模块组成的，其中几个模块作为父模块的子级粘合在一起。例如，我有一个由通知模块，用户模块和电话模块（例如）组成的管理模块。这些模块的路由应如下所示： /admin/notifications/my-notifications /admin/users/new-user /admin/telephony/whatever 在较早的路由器版本中，使用“儿童”可以轻松完成此操作 export const AdminRoutes: RouterConfig = [ { path: "Admin", component: AdminComponent, Children: [ ...UserRoutes, ...TelephonyRoutes, ...NotificationRoutes ] } ] 在另一个文件中，作为子模块的一部分，我还要定义各个模块的路由，即 export const UserRoutes: RouterConfig = [ { …

68 angular  angular2-routing  angular2-modules  angular2-router3