角度4 CIの例外TypeError：プロパティを読み取ることができません 'X' 未定義

Question

の私は、このエラーしたフォームと

にデータを表示したい：

TypeError: Cannot read property 'title' of undefined

HERESに私のコンポーネント：

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

を

、これが私の見解です

<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> 

は、あなたがこの「ブック」プロパティ

book:Book = new Book(); 

や「ブック」を確保するためにngIfを使用するためのデフォルト値を設定する必要が私の見解上、またはちょうど私のコンポーネント

Answer 1

に何か問題があります

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