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

【问题标题】：Load view after XHR request data blinded completely by resolver Angular 6在 XHR 请求数据被解析器 Angular 6 完全蒙蔽后加载视图
【发布时间】：2018-06-20 06:27:18
【问题描述】：

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

我正在使用解析器：

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

在 ngOnInit 中：

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

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

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

【问题讨论】：

标签： angular binding xmlhttprequest url-routing angular-universal

【解决方案1】：

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

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

【讨论】：