Create a BookEdit Component

BaggersIO · robinboehm · commit 35bafa732281 · 2018-05-09T12:58:52.000-07:00
diff --git a/src/app/book/book-detail/book-detail.component.html b/src/app/book/book-detail/book-detail.component.html
@@ -1,4 +1,5 @@
 <div *ngIf="book">
   <h2>{{book.title}} by <small>{{book.author}}</small></h2>
   <h3>{{book.subtitle}}</h3>
+  <a [routerLink]="['edit']">Edit</a>
 </div>
diff --git a/src/app/book/book-edit/book-edit.component.css b/src/app/book/book-edit/book-edit.component.css
diff --git a/src/app/book/book-edit/book-edit.component.html b/src/app/book/book-edit/book-edit.component.html
@@ -0,0 +1,4 @@
+<h2>Edit</h2>
+<form>
+  
+</form>
diff --git a/src/app/book/book-edit/book-edit.component.ts b/src/app/book/book-edit/book-edit.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'book-edit',
+  templateUrl: './book-edit.component.html',
+  styleUrls: ['./book-edit.component.css']
+})
+export class BookEditComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/book/book-routing.module.ts b/src/app/book/book-routing.module.ts
@@ -4,6 +4,7 @@ import { BookComponent } from './book.component';
 import { BookListComponent } from './book-list/book-list.component';
 import { BookDetailComponent } from './book-detail/book-detail.component';
 import { ConfirmCandeactivateGuardService } from './shared/confirm-candeactivate-guard.service';
+import { BookEditComponent } from './book-edit/book-edit.component';
 
 export const routes: Routes = [{
   path: '',
@@ -15,6 +16,9 @@ export const routes: Routes = [{
     path: ':isbn',
     component: BookDetailComponent,
     canDeactivate: [ConfirmCandeactivateGuardService]
+  }, {
+    path: ':isbn/edit',
+    component: BookEditComponent,
   }]
 }];
 
diff --git a/src/app/book/book.module.ts b/src/app/book/book.module.ts
@@ -7,18 +7,22 @@ import { BookDetailComponent } from './book-detail/book-detail.component';
 import { HttpModule } from '@angular/http';
 import { BookRoutingModule } from './book-routing.module';
 import { ConfirmCandeactivateGuardService } from './shared/confirm-candeactivate-guard.service';
+import { BookEditComponent } from './book-edit/book-edit.component';
+import { FormsModule } from '@angular/forms';
 
 
 @NgModule({
   imports: [
     BookRoutingModule,
     HttpModule,
+    FormsModule,
     CommonModule
   ],
   declarations: [
     BookComponent,
     BookListComponent,
-    BookDetailComponent
+    BookDetailComponent,
+    BookEditComponent
   ],
   providers: [
     BookDataService,

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +<h2>Edit</h2>
 +<form>
++
 +</form>