系统未使用路由器参数 - 角度2定义

Question

我正在尝试在url上使用id参数实现路由，例如localhost：1000 / register / id 使用该路径将始终触发系统未定义，而其他没有参数的URL工作正常。我甚至试过跟随angular.io的路由格式的指南似乎没有解决问题。我的代码中缺少什么？

app.routing.ts

import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { RegisterComponent } from './registration/register.component';
import { CodeComponent } from './registration/code.component';

const appRoutes: Routes = [
    {
        path: 'register/:id',
        component: RegisterComponent
    },
    {
        path: '',
        component: CodeComponent
    }
];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { FormsModule } from '@angular/forms';

import { routing } from './app.routing';
import { AppComponent } from './app.component';
import { CodeComponent } from './registration/code.component';
import { RegisterComponent } from './registration/register.component';

@NgModule({
    imports: [BrowserModule, HttpModule, FormsModule, routing],
    declarations: [AppComponent, CodeComponent, RegisterComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }

server.js

var express = require('express'),
    app = express(),
    mongoose = require('mongoose'),
    bodyParser = require('body-parser'),
    path = require('path'),
    passport = require('passport'),
    session = require('express-session'),
    port = process.env.PORT || 1000;

db = require('./config/db');
mongoose.Promise = global.Promise;
mongoose.connect(db.url);

app.use(session({
    secret: 'test',
    saveUninitialized: true,
    resave: true
}));

app.use(passport.initialize());
app.use(passport.session());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
require('./config/passport')(passport);
require('./routes/main')(app, passport);

app.use(express.static(path.join(__dirname)));
app.use('/node_modules', express.static(path.join(__dirname+ '/node_modules')));
console.log(path.join(__dirname+ '/node_modules'))

app.all('/*', function (req, res, next) {
    res.sendFile('/view/index.html', { root: __dirname });
});

app.listen(port);
console.log('Magic happens on port ' + port);

更新：

使用this.router.navigate（['/ register'，'1']）;工作得很好，但是通过在url上输入localhost：1000 / register / 1不起作用

从上图中可以看到鼠标悬停显示的网址 本地主机：1000 /注册/ node_modules /芯-JS .... - 我认为我的服务器NodeJS方面有一些错过的东西。

我还添加了

app.use('/node_modules', express.static(__dirname + '/node_modules'));

但没有变化

注意： 服务器端（NodeJS，Express）