Javascript Angular 4 CI TypeError:无法读取属性'；x'；未定义的

我想向表单显示数据，然后

我有一个错误：

TypeError:无法读取未定义的属性“title”

这是我的组成部分：

  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.title}
著者
{{{book.author}
ISBN
{{{book.isbn}
取消

---

“我的视图”或“我的组件”是否有任何错误

您必须为此“book”属性设置默认值

book:Book = new Book();

或者使用ngIf确保“账簿”存在

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

我猜你要找的书还没有找到，因此当你试图检查它的属性时会出现错误。你为什么要为一个标记为dup的问题添加答案？因为我记得后来我回答了一个类似的问题。无论如何，我不认为这个当前的答案应该被标记为“无用”，只要它是正确的，即使是重复的