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

Question

我正在使用 npm run build:ssr

构建我的 angular 通用电子商务应用程序

直接导航到产品时 URL

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

universal 不会等待 ajax（使用 angular Http）调用 returns

这是正常行为吗？

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

我的组件：

@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 import toPromise。

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

请阅读评论以解决问题

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

angular universal server render wont wait for ajax calls

angular-universal

angular