代码之家 › 专栏 › 技术社区 › Denys Siebov

角度http-subscribe提供未解析的变量

typescript angular

Denys Siebov · 技术社区 · 6 年前

我有一个具有下一个方法的apiservice类:

  public getRecipeIndex() : Observable<Recipe[]>
  {
    return this.http.get<Recipe[]>(this.serverURL+'recipes');
  }

我在组件中调用这个方法

  ngOnInit() {
    this.api.getRecipeIndex()
        .subscribe(
            resp => this.recipes = resp.data
        );
  }

我有个错误 resp.data' - unresolved variable data .

所有API响应都具有“data”属性。 API的基本响应结构是 'data' => [...] . 我怎样才能解决这个问题?我希望可以创建一些基本类型来注释所有API调用。

2 回复 | 直到 6 年前

Anil Kumar Reddy A 6 年前

尝试这样的方法,

 ngOnInit() {
        this.api.getRecipeIndex()
            .subscribe(resp=>{    
               this.recipes = resp;
               });
            }

-1

Denys Siebov 6 年前

我已经创建了一个单独的APIResponse来注释来自HTTP的响应数据,然后将数据映射到配方[]。

  public getRecipeIndex() : Observable<Recipe[]>
  {
    return this.http.get<APIResponse>(this.serverURL+'recipes')
        .pipe(
            map(response => response.data)
        );
  }

接口:

export interface APIResponse {
    data
}

推荐文章

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

5 月前

Zoddo · 属性在明确定义时可能为“未定义”

5 月前

Abdulkerim Awad · 带有泛型的Typescript函数重载无法按预期工作

5 月前

Sanitysign · 为什么{}类型可分配给对象类型?

5 月前

IvonaK · 使用Vite和React在Tauri应用程序中集成shadcn/ui和Tailwind CSS v4

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

6 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前

Xunnamius · 为什么TypeScript在有条件地推断数组末尾的可选元素时遇到困难?

6 月前

njord · 基于函数的Typescript返回类型

6 月前