angular2-routing

问题 I've been trying out Angular 2 since beta, and now with rc.0+ some things have changed. One of those are RouteParams which cannot be imported from @angular/router. And when I try with @angular/router-deprecated I get an error message: ORIGINAL EXCEPTION: No provider for RouteParams! app.component: @Routes([ { path: '/', component: StartComponent }, {path: '/:projId/:userName', component: ProjectListComponent}, { path: '*', component: StartComponent }, ]) project-list.component: import

问题 Without adding too much code or documentation to my question, I'm having a resolving issue with the [routerLink] code for our Angular 2 Demo: Versioning Node.js - v4.4.7 @angular - 2.0.0-rc.1 app/app.component.ts @RouteConfig([ { path: '', name: 'TasksComponent', component: TasksComponent }, { path: 'tasks/editor', name: 'TaskEditorComponent', component: TaskEditorComponent }, { path: 'timer', name: 'TimerComponent', component: TimerComponent } ]) app/app.component.html <nav class="navbar

问题 I've started learning angular2 with typescript and I'm trying to implement a route of book/:id but my route doesn't change and the html doesn't neither. I have this file called app.module.ts which has all my other routes which work: app.module.ts import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { UniversalModule } from 'angular2-universal'; import { AppComponent } from './components/app/app.component' import { NavMenuComponent } from '.

问题 I'm a newbie to angular2 and koajs. Maybe it's a silly question. I have an angular2 app with a routing table as below: const appRoutes: Routes = [ { path: 'pats/report/settings', component: PatsReportSettingsComponent }, { path: 'pats/report/:id', component: PatsReportComponent, pathMatch: 'full' }, { path: 'pats/report/login', component: PatsLoginComponent, pathMatch: 'full' }, { path: '.', redirectTo: 'pats/report/login', pathMatch: 'full' }, { path: '**', component: Pats404PageComponent,

问题 I have now One AppModule which has a number of components and one AppCompoennt which is the template componnet with the router-outlet directive. I want in some way create an AuthModule which has its own template AuthComponent between Login, Register Components. When user has logged in it should navigate to the HomeComponent which is rendering in the AppComponent in AppModule. And now the AppComponent is used as long the user is logged in. When user logout. It should navigate back to

问题 I am new in Angular 2 and I am still in learning phase, but I stuck in a problem and not getting the solution to it. Please help. I have made a view of a login, then a link to it after clicking the link it will redirect to home then clicking a link there it will redirect to some other view. Below is my code structure: app.routing.ts: import { Routes } from '@angular/router'; import { AppComponent } from './app.component'; import { HomeComponent } from './home/home.component'; import {

问题 So, I understand how to use RouterLink and RouterLinkActive in the traditional sense. It's pretty easy to define classes that need to be applied but I was curious if you're able to use RouterLinkActive to actually show/hide an element. <div class="btn-group btn-group-justified toggle-nav"> <div class="btn-group"> <button type="button" role="link" class="btn btn-default btn-lg" routerLink="/log-in" routerLinkActive="btn-primary text-bold">Sign In</button> </div> </div> I'm looking to show a

问题 I'm trying to test the work of routing. I moved navbar to a separate component - MdNavbar. Basically only html and css in there, the RouteConfig is in other component and MdNavbar is injected in there. I want to test that route changes when clicking on the link. In test I'm looking for the Profile link and clicking on it. I expect the route to change. Here is the code from my tests - import {it, inject,async, describe, beforeEachProviders, tick, fakeAsync} from '@angular/core/testing'; import

问题 I am trying to do multi-level menu routing. The main menu component @Component({ template: ` <h2>Main Menu</h2> <ul> <li><a [routerLink]="['/mainItem1']">Main Item 1</a></li> <li><a [routerLink]="['/mainItem2']">Main Item 2</a></li> more ....... </ul> <router-outlet></router-outlet> `, directives: [RouterOutlet], }) @Routes([ {path: '/mainItem1', component: MainItem1Component }, {path: '/mainItem2', component: MainItem2Component }, more ....... ]) export class MainMenuComponent { } One of the

问题 How can I prevent default the routing in angular 2? In router subscribe , I get only the path name. I am not getting event in it. Is there any other service provider in angular 2 to get the route change event? app.component.js (function (app) { app.AppComponent = ng.core .Component({ selector: 'my-app', templateUrl: 'app/views/main.html', directives: [ng.router.ROUTER_DIRECTIVES], viewProviders: [ng.http.HTTP_PROVIDERS] }) .Class({ constructor: [ng.router.Router, ng.http.Http, function