angular2地址栏读取路由

app.get(‘/*‘, function (req, res, next) {
// 就是不能有这一句
// res.sendFile(__dirname + ‘/../dist/index.html‘);
// 上面这一句其实是无关紧要的，并不需要它就可以访问第一个路由
    req.temp="给你控制权";
 next();
});
app.get(‘/test‘,function(req,res){
    res.send("content: "+req.temp);
})

静态目录其实已经在app.use的时候指定了

app.use(‘/‘, express.static(__dirname + ‘/../dist‘));
app.use(‘/scripts‘, express.static(__dirname + ‘/../node_modules‘));

res.sendFile之后next或者在获取了控制权的下一级路由中写这一句，都会报Forbidden的。

// 省略import
export const TodoRoutes: Route[] = [
    {
        path: ‘todo‘,
        canActivateChild: [MyTodoGuard],
        children: [
            { path: ‘list‘, component: TodoListComponent, resolve: { todos: MyTodoResolver } },
            { path: ‘detail/:id‘, component: TodoDetailComponent, canDeactivate: [ CanLeaveTodoDetailGuard ] }
        ]
    }
];

然后在app.routes.ts中定义一个路由模块：

const routes: Routes = [
    { path: ‘‘, redirectTo: ‘/home‘, pathMatch: ‘full‘ },
    { path: ‘home‘, component: HomeComponent },
    ...TodoRoutes // 这里就是将TodoRoutes列表里的内容合并到routes
];
@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule { }

最后，在AppModule里面引入这个路由模块。

这种方式实现的路由无法实现子模块的延时加载，要实现延时加载，首先要将todo模块的路由修改成子路由模块，也就是要修改todo.routes.ts：

// 省略import
export const TodoRoutes: Route[] = [
    {
        path: ‘todo‘,
        canActivateChild: [MyTodoGuard],
        children: [
            { path: ‘list‘, component: TodoListComponent, resolve: { todos: MyTodoResolver } },
            { path: ‘detail/:id‘, component: TodoDetailComponent, canDeactivate: [ CanLeaveTodoDetailGuard ] }
        ]
    }
];
// 通过下面的方式定义了一个子路由模块
@NgModule({
  imports: [ RouterModule.forChild(TodoRoutes) ],
  exports: [ RouterModule ]
})
export class TodoRoutingModule { } 

这里定义了一个子路由模块，TodoRoutingModule，它使用RouterModule.forChild(TodoRoutes)来创建。跟整个App的路由模块比较的话，主路由模块使用RouterModule.forRoot(routes)来定义。

定义好了子路由模块，在子模块里面引入它既可：

// 省略import
@NgModule({
  imports: [CommonModule, FormsModule, TodoRoutingModule ],
  declarations: [TodoListComponent, TodoDetailComponent, TodoItemComponent],
  providers: [TodoService, MyTodoResolver, MyTodoGuard, CanLeaveTodoDetailGuard]
})
export class TodoModule {}

这样就定义好了一个子模块。当用户打开/todo/list或/todo/detail/*时，这个子模块里面的相关页面就会展示，它也不会跟其他模块有任何交互。也就是说，进入和离开这个子模块，都是通过路由跳转实现。这个子模块也是完全独立的，可以独立开发，也可以很容易就用到其他应用里面。