Angular 2路由器在打开组件之前解析服务器请求

Question

我有一个 BookDetailComponent 组件，它映射到一个 url /books/:id。 angular 2 路由器中是否有任何方法可以确保仅在从服务器检索到具有给定id 的Book 后才打开此组件？

我正在 Angular 2 路由器中寻找类似 @​​987654321@ 的功能。

/*** BookComponent ***/
@RouteConfig([
  {path: "/books/:id", component: BookDetailComponent, as: "BookDetail"},
])

export class BookComponent {
}


/*** BookDetailComponent ***/
export class BookDetailComponent {

  book:Book;

  constructor(private bookService:BookService,
              private routeParams:RouteParams) {
  }


  ngOnInit() {
    let id = this.routeParams.get("id");
    this.bookService.getBook(parseInt(id))
      .subscribe(book => this.book = book.json());
  }
}

Answer 1

是的，通过实现OnActivate 接口并返回您等待加载的对象的承诺：

https://angular.io/docs/js/latest/api/router/OnActivate-interface.html