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

Angular XHR请求数据后的加载视图被解析器6完全屏蔽,angular,binding,xmlhttprequest,url-routing,angular-universal,Angular,Binding,Xmlhttprequest,Url Routing,Angular Universal,我使用的是角度通用V6。我有一条“show posts”路线,它在加载时有一个巨大的XHR请求。当我打开此路由的查看源代码版本时,我看到所有内容都已成功渲染,但应该由XHR请求数据绑定的位置在源代码中为空 我正在使用解析程序: { path: 'show-posts/:post_id', component: ShowPostComponent , resolve : {postData : getPostDataResolver} } 在恩戈尼特: this.route.data

我使用的是角度通用V6。我有一条“show posts”路线,它在加载时有一个巨大的XHR请求。当我打开此路由的
查看源代码
版本时,我看到所有内容都已成功渲染,但应该由XHR请求数据绑定的位置在源代码中为空

我正在使用解析程序:

{ path: 'show-posts/:post_id', 
  component: ShowPostComponent ,
  resolve  : {postData : getPostDataResolver}
}
在恩戈尼特:

this.route.data.subscribe( data =>{
  this.postData = data;
})
这似乎是在Angular Universal中绑定XHR数据以生成SEO友好页面的标准方法。但它不起作用。它显示要查看的数据,但在“查看源”版本中,范围为空


我怎样才能修好它?它在所有路由中都可以正常工作,但是在这个具有巨大XHR的路由中,查找不起作用。

是的,使用解析器是一个很好的实践。您告诉路由器解析名为postData的值。所以我看到的第一个错误是,在你的组件中,没有读取这个解析值。您的代码应该如下所示

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