angular - 使用解析数据的 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> { ... }

最后在组件 init 上获取您的数据：

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