'angular2/core' => '@angular/core'
'angular2/http' => '@angular/http'
'angular2/router' => '@angular/router'
// 表单相关的
'angular2/commom' => '@angular/forms'

import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {FormsModule} from '@angular/forms';
// 引入公用组件
import {SomeService} from './service/some.service';
import {SomeComponent} from './component/some.component';
import {SomePipe} from './pipe/some.pipe';
import {SomeDirective} from './directive/ng-file-select.directive';

@NgModule({
  imports: [CommonModule, FormsModule],
  declarations: [SomeComponent, SomePipe, SomeDirective],
  exports: [CommonModule, FormsModule, SomeComponent, SomePipe],
  providers: [SomeService]
})
export class SharedModule {}

import {NgModule} from '@angular/core';
// 引入SharedModule
import {SharedModule} from 'shared/shared.module';
// 该模块路由
import {SomeRoutingModule} from './main-routing.module';
// 该模块相关Component
import {SomeComponent} from './main.component';

@NgModule({
  imports: [SharedModule, SomeRoutingModule],
  declarations: [SomeComponent],
  exports: [SomeComponent]
})
export class SomeModule {
}

import {NgModule} from '@angular/core';
import {Routes, RouterModule} from '@angular/router';

import {SomeComponent} from './main.component';
import {ListComponent} from './list.component';
import {DetailComponent} from './detail.component';

const routes: Routes = [ 
  // 这里displayName主要供面包屑使用
  {path: '', component: SomeComponent, data: {displayName: '某个模块'},
  children: [
    {path: 'list', component: ListComponent, data: {displayName: '列表'}},
    {path: 'list', component: DetailComponent, data: {displayName: '详情'}},
    {path: '**', redirectTo: 'list'}
  ]},
];
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
  providers: []
})
export class SomeRoutingModule {}

// 监听导航事件变更
// router: Router
router.events.filter(event => event instanceof NavigationEnd).subscribe(event => {});
// 获取路由信息
// activatedRoute: ActivatedRoute
const rootRoute: ActivatedRoute = activatedRoute.root // 获取根路由
const children: ActivatedRoute[] = rootRoute.children; // 获取子路由
// 遍历子路由，获取其params/data/url等
for (const child of children) {
     console.log(child.snapshot.data); // 获取data
     console.log(child.snapshot.params); // 获取params
     console.log(child.snapshot.url, child.snapshot.url[0].path); // 获取url或path信息
}

// 依赖中某些API更改
// ControlGroup => FormGroup
import {ControlGroup} from 'angular2/commom';
=> import {FormGroup} from '@angular/forms';
// Control => FormControl
import {Control} from 'angular2/commom';
=> import {FormControl} from '@angular/forms';

import {FormsModule, ReactiveFormsModule} from '@angular/forms';

/**
 * 覆盖原有的standardEncoding方法，见http.js文件
 */
class MyQueryEncoder extends QueryEncoder {
  encodeKey(k: string): string {
    return encodeURIComponent(k);
  }
  encodeValue(v: string): string {
    return encodeURIComponent(v);
  }
}

import { RouteParams } from 'angular2/router';
... // 其余代码
    ngOnInit() {
        this.id = parseInt(this._routeParams.get('id'));
        this.needSaveBtn = (this._routeParams.get('action') || '') != 'detail';//查看、编辑、添加
        ... // 其余代码
    }
... // 其余代码

import { ActivatedRoute } from '@angular/router';
... // 其余代码
    ngOnInit() {
      this._route.params
        .subscribe((params) => {
          this.id = parseInt(params['id']);
          this.needSaveBtn = (params['action'] || '') != 'detail';//查看、编辑、添加
         ... // 其余代码
        });
    }
... // 其余代码

// 在src/目录下修改tsconfig.app.json
{
  "compilerOptions": {
    ...
    // 添加路径相关
    "baseUrl": ".",
    "paths": {
      "@shared/*": ["app/shared/*"]
    }
    ...
  },
  ...
}

// 在根目录下修改tsconfig.json
// 主要用于编译器IDE检测使用
{
  "compilerOptions": {
    ...
    // 添加路径相关
    "baseUrl": ".",
    "paths": {
      "@shared/*": ["src/app/shared/*"]
    }
    ...
  },
  ...
}