帶有解析數據的Angular4服務器端渲染

Question

我正在從事Angular4項目。 我按照本教程集成了服務器端渲染。 一切正常，除了一件事。

從API服務器解析數據后，我需要更改頁面的元標記。 我的意思是這樣解決：

RouterModule.forChild([
            {
                path: ':id',
                component: NewsCardComponent,
                resolve: {
                    card: NewsCardResolver
                }
            }
        ])

在當前的實現中，服務器發送呈現的頁面而不解析數據，在客戶端上發生解析請求。

在將結果發送到客戶端之前，在服務器渲染中獲取數據時，有人可以建議我如何實現行為嗎？

Answer 1

我注意到您沒有路線的提供商，但是您使用的是resolve。

所以我想您的NewsCardResolver是@Injectable服務，至少可以像這樣https://www.codementor.io/max_diachenko/angular-2-route-resolves--typescript-du1089pdm實現Resolve嗎？ 或https://scotch.io/courses/routing-angular-2-applications/data-and-resolve

@Injectable()
export class MyResolver implements Resolve<class> {
  constructor(private service: Service, private router: Router) {}

  resolve(route: ActivatedRoute): Promise<Data> { ... }

最后在component init上獲取數據：

 ngOnInit() {
    this.route.data
      .subscribe((data: Data ) => {
        let result = data;
      });
  }