Question

iam使用npm run build:ssr构建我的角度通用电子商务应用

直接导航到产品网址时

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

通用不会等待ajax（使用有角度的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

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

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

请阅读评论以解决问题

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

1 个答案: