Angular 4 CI Typeerror: kann nicht lesen Eigenschaft 'x' undefinierter

Question

i die Daten an die Form und

ich habe diesen Fehler zeigen will:

TypeError: Cannot read property 'title' of undefined

heren meine Komponente:

book:Book; 
    getBook(){ 
    var id = this.route.snapshot.params['id']; 
    this.bookService.getBook(id) 
    .subscribe(book=>{ 
    this.book = book; 
    }) 
    } 

und das ist meiner Meinung nach

<div class="card col-md-5"> 
<div class="card-body"> 
    <form> 
     <div class="form-group row"> 
      <label for="Title" class="col-sm-2 col-form-label">Title</label> 
      <div class="col-sm-10"> 
      <p class="form-control" disabled name="title" >{{book.title}}</p> 
      </div> 
     </div> 
     <div class="form-group row"> 
      <label for="Author" class="col-sm-2 col-form-label">Author</label> 
      <div class="col-sm-10"> 
      <p class="form-control" name="title">{{book.author}}</p> 
      </div> 
     </div> 
     <div class="form-group row"> 
      <label for="Author" class="col-sm-2 col-form-label">ISBN</label> 
      <div class="col-sm-10"> 
       <p class="form-control" disabled name="title" >{{book.isbn}}</p> 
      </div> 
      </div> 
     <div class="form-group row"> 
      <div class="col-sm-6"> 
       <!-- <button type="submit" class="btn btn-primary">SAVE</button> --> 
       <button type="submit" class="btn btn-success" [routerLink] ="['/book']" >CANCEL</button>     
      </div> 

     </div> 
     </form> 
</div> 

ist es etwas falsch auf meiner Ansicht oder einfach nur auf meine Komponente

Answer 1

Sie haben einen Standardwert für dieses ‚Buch‘ setzen Eigenschaft

book:Book = new Book(); 

oder ngIf verwenden Sie das ‚Buch‘, um sicherzustellen, existiert

<div class="card-body" *ngIf="book">