在XHR请求数据被解析器Angular 6完全蒙蔽后加载视图

Question

我正在使用Angular Universal V6。我有一个路线“show-posts”，它有一个巨大的XHR加载请求。当我打开这条路线的view source版本时，我看到正在成功渲染，但是应该通过XHR请求数据绑定的地方在源中是空的。

我是，使用解析器：

{ path: 'show-posts/:post_id', 
  component: ShowPostComponent ,
  resolve  : {postData : getPostDataResolver}
}

并在：

this.route.data.subscribe( data =>{
  this.postData = data;
})

它似乎是一种在Angular Universal中绑定XHR数据以制作SEO友好页面的标准方法。但它不起作用。它显示要查看的数据，但在“查看源”版本中，范围为空。

我该如何解决？它在所有路线都运行良好，但在这条路线上有巨大的XHR，找不到工作。

Answer 1

是的，使用解析器是一个很好的做法。您告诉路由器解析名为postData的值。所以我看到的第一个错误就是在你的Component中没有读取这个已解析的值。你的代码应该是这样的

this.route.data.subscribe(() => {
  this.postData = this.route.snapshot.data.postData;
});