Angular 通用服务器渲染不会等待ajax调用

Question

iam 使用 npm run build:ssr 构建我的 Angular 通用电子商务应用程序

直接导航至产品 URL 时

我在页面源上看到的唯一内容是静态内容

通用不会等待ajax(使用 Angular Http)调用返回

这是正常行为吗？

如果是这样，为什么需要通用？

我的组件:

@Component({
  selector: 'app-product',
  templateUrl: './product.component.html',
  styleUrls: ['./product.component.css'],
})
export class ProductComponent implements OnInit, IReadServerData, AfterViewInit {


  constructor(private http_service: HttpService, private route: ActivatedRoute
    , public modal_service: ModalWindowState
    , public helper_service: HelperService
    , public server_response_service: ServerResponseService, public loged_user: LogedUserService) { }

  ngOnInit() {

    this.Read();
  }


  Read() {

    this.http_service.Get("Product/1")
      .subscribe(
        data => {
          this.HandleResponse(data)
        }
      );

  }
}

Answer 1

尝试使用Promise。不要忘记从顶部的 rxjs 导入 toPromise。

this.http_service.Get("Product/1")
 .toPromise()      
 .then(
    data => {
      this.HandleResponse(data)
    }
   );
}

请阅读评论以解决问题