Angular HTML不呈现来自Get请求的数据

我在ngOnInit（）上加载数据

像这样：

0:“水疗” 1：“苹果” 2:“游戏停止” 长度：3 proto：数组（0）

---

我相信问题仍然在于，在从调用中收集完数据之前，页面正在呈现，因此我尝试使用ready和*ngIf，但这没有什么区别。

您可以使用管道映射来执行逻辑并订阅可观察对象。我将http调用分离到它自己的方法中，因为这是更干净和标准的做法。这种方法应该映射可观察的结果，而无需等待订阅

 private getCookie(cookieName: string): Observable<any> {
     return this.http.get<any>(this.ROOT_URL + this.cookieService.get(cookieName))
       .pipe(catchError(err => console.error(error)))
 }

 ngOnInit(): void {
     this.getCookie("cookie-name")
      .pipe(map( res => {
          this.tableData = res.atVendor;
          console.log(this.tableData);
          this.ready = true;
      }));
      .subscribe();
)

private-getCookie（cookieName:string）：可观察{
返回this.http.get（this.ROOT\uURL+this.cookieService.get（cookieName））
.pipe（catchError（err=>console.error（error）））
}
ngOnInit（）：void{
this.getCookie（“cookie名称”）
.pipe（映射（res=>{
this.tableData=res.atVendor；
console.log（this.tableData）；
this.ready=true；
}));
.subscribe（）；
)

您可以使用管道映射来执行您的逻辑并订阅observable。我将http调用分离到它自己的方法中，因为这是更干净和标准的做法。这种方法应该映射observable的结果，而无需等待订阅

 private getCookie(cookieName: string): Observable<any> {
     return this.http.get<any>(this.ROOT_URL + this.cookieService.get(cookieName))
       .pipe(catchError(err => console.error(error)))
 }

 ngOnInit(): void {
     this.getCookie("cookie-name")
      .pipe(map( res => {
          this.tableData = res.atVendor;
          console.log(this.tableData);
          this.ready = true;
      }));
      .subscribe();
)

private-getCookie（cookieName:string）：可观察{
返回this.http.get（this.ROOT\uURL+this.cookieService.get（cookieName））
.pipe（catchError（err=>console.error（error）））
}
ngOnInit（）：void{
this.getCookie（“cookie名称”）
.pipe（映射（res=>{
this.tableData=res.atVendor；
console.log（this.tableData）；
this.ready=true；
}));
.subscribe（）；
)

您的控制台上没有错误吗？您的控制台上没有错误吗？

console.log(this.tableData)

 private getCookie(cookieName: string): Observable<any> {
     return this.http.get<any>(this.ROOT_URL + this.cookieService.get(cookieName))
       .pipe(catchError(err => console.error(error)))
 }

 ngOnInit(): void {
     this.getCookie("cookie-name")
      .pipe(map( res => {
          this.tableData = res.atVendor;
          console.log(this.tableData);
          this.ready = true;
      }));
      .subscribe();
)