refactor: 项目结构调整

Author: lzhfe

src/app/components/contact-app.css renamed to src/app/app.component.css

@@ -0,0 +1,11 @@
+import {Component} from "@angular/core";
+
+@Component({
+  selector: "contact-app",
+  templateUrl: "app/app.component.html",
+  styleUrls: ["app/app.component.css"]
+})
+
+export class AppComponent {
+  constructor() {}
+}

src/app/components/contact-app.html renamed to src/app/app.component.html

@@ -0,0 +1,41 @@
+import {NgModule} from '@angular/core'
+import {RouterModule} from "@angular/router";
+import {FormsModule} from "@angular/forms";
+import {BrowserModule} from "@angular/platform-browser";
+import {HttpModule} from "@angular/http";
+
+import {rootRouterConfig} from "./app.routes";
+import {AppComponent} from "./app.component";
+
+import {CollectionComponent} from './collection/collection.component';
+import {ListComponent, ItemComponent} from './list';
+import {DetailComponent, AnotationComponent} from './detail';
+import {EditComponent} from './edit/edit.component';
+
+import {ContactService} from "./shared/contact.service";
+import {FooterComponent} from './shared/footer.component';
+import {DateReformPipe} from './shared/date-reform.pipe';
+import {BtnClickDirective} from './shared/btn-click.directive';
+import {UtilService} from './shared/util.service';
+
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    ListComponent,
+    DetailComponent,
+    AnotationComponent,
+    CollectionComponent,
+    EditComponent,
+    FooterComponent,
+    ItemComponent,
+    DateReformPipe,
+    BtnClickDirective
+  ],
+  imports     : [BrowserModule, FormsModule, HttpModule, RouterModule.forRoot(rootRouterConfig)],
+  providers   : [ContactService, UtilService],
+  bootstrap   : [AppComponent]
+})
+export class AppModule {
+
+}

src/app/app.component.ts

@@ -0,0 +1,41 @@
+import {Routes} from "@angular/router";
+
+import {CollectionComponent} from './collection/collection.component';
+import {ListComponent, ItemComponent} from './list';
+import {DetailComponent, AnotationComponent} from './detail';
+import {EditComponent} from './edit/edit.component';
+
+
+export const rootRouterConfig: Routes = [
+  {
+    path: "",
+    redirectTo: "list",
+    pathMatch: 'full'
+  },
+  {
+    path: "list",
+    component: ListComponent
+  },
+  {
+    path: "list/:id",
+    component: DetailComponent,
+    children: [
+      {
+        path: "",
+        component: AnotationComponent
+      }
+    ]
+  },
+  {
+    path: "edit",
+    component: EditComponent
+  },
+  {
+    path: "edit/:id",
+    component: EditComponent
+  },
+  {
+    path: "collection",
+    component: CollectionComponent
+  }
+];

src/app/app.module.ts

@@ -2,7 +2,7 @@ <h3 class="collection-header">我的收藏</h3>
 <h3 *ngIf="coll_length == 0" class="no-collection">没有收藏</h3>
 <ul class="my-collection">
   <li *ngFor="let collection of collections">
-    <a [routerLink]="['/contact-detail', collection.id]">
+    <a [routerLink]="['/list', collection.id]">
       <label>{{ collection.name }}</label><span>{{ collection.telNum }}</span>
     </a>
   </li>

src/app/app.routes.ts

@@ -1,13 +1,12 @@
 import {Component, OnInit} from '@angular/core';
-import {Footer} from '../../widget/footer';
-import {ContactService} from '../../services/contact-service';
+import {ContactService} from 'shared/contact.service';
 
 @Component({
   selector: 'call-record',
-  templateUrl: 'app/components/collection/collection.html',
-  styleUrls: ['app/components/collection/collection.css']
+  templateUrl: 'app/collection/collection.component.html',
+  styleUrls: ['app/collection/collection.component.css']
 })
-export class Collection implements OnInit {
+export class CollectionComponent implements OnInit {
   collections:any = [];
   contacts:any = {};