模型中的Typescript方法给出错误“不是函数”[重复]

Question

我有以下类型脚本模型：

export class ClaimProvider {
    id: string;
    name: string;

    slug(): string {
        let result = this.name.trim().toLowerCase();
        result = result.toLowerCase();
        result = result.replace(/&/g, '_');
        result = result.replace(/ /g, '_');
        return result;
    }
}

现在在Angular component中，我得到了一个API调用，它填充了我的对象的本地实例：

claimprovider: ClaimProvider;

this.claimProviderService.getCurrentClaimProvider(id)
  .pipe(first())
  .subscribe(
    result => {
      this.claimprovider = result;
      console.log(this.claimprovider);
    }
}

My console.log结果适当地显示了名称和id，因此API调用可以正常工作。

我的问题是，如果在同一点，我打电话：

console.log(this.claimprovider.slug())

然后我得到一个错误

错误类型错误：\ u this.claprovider.slug不是函数

我做错了什么？

编辑

这是我的getMONtClaimProvider方法：

public getCurrentClaimProvider(claimproviderId): Observable<ClaimProvider> {
    return this.http.get<ClaimProvider>(this.baseUrl + '/GetCurrentClaimProviderHeader?claimproviderid=' + claimproviderId);
}

Answer 1

如下所示的Http调用：

this.claimProviderService.getCurrentClaimProvider(id)

将从服务器返回的结果映射到与定义的接口或类具有相同属性的对象。。。但不是类的实际实例。

所以您有id和name属性的对象。。。但不是实际的claider实例。

您必须手动将返回的数据映射到类的实例。

例如，您可以检查以下内容：Angular-TypeError：将循环结构转换为JSON