Angular Typescript getter 和 setter 返回未定义

Question

我有一个 class，我需要一个 class 中的属性来返回 object 中的一些字段。 我已经在.Net 中这样做了几次，但是在 Angular 中，我正在与返回的“未定义”作斗争。

我可以确认在 IBatchFile 上填充了属性（transLanguageId、transLangDesc、翻译），但没有在 GET 上返回。 甚至没有一个 console.log 出现在 GETTER 中。 没有达到我认为的 GETTER 代码。

我在这里想念什么？

预先感谢您的协助。

model.ts

export class translationItem {  
  id: number;
  language: string;
  translation: string; 
}

export class IBatchFile {
  constructor(_transData: translationItem) {
    this._transData = new translationItem();
  }
  private _transData: translationItem;

  get transData(): translationItem {      
    this._transData.id = this.transLanguageId;
    this._transData.language = this.transLangDesc;
    this._transData.translation = this.translation;     
    return this._transData;
  };
  set transData(value: translationItem) {
     this._transData.id = value.id;
     this._transData.language = value.language;
     this._transData.translation = value.translation;
  };
  transLanguageId: number;
  transLangDesc: string;
  translation: string;
}

批处理文档列表.ts

private _batchFileListResults$ = new BehaviorSubject<IBatchFile[]>([]);

public loadDocList(batchid) {
  this.urlservice.getBatchFiles(batchid)         
  .subscribe(result => {      
    this._batchFileListResults$.next(result); //**result is of class IBatchFile**        

    this._batchFileListResults$.value.forEach(item => {          
      console.log(item.transData);  //**returns Undefined**
    });
}

url.service.ts

getBatchFiles(batchId: number) {             
        return this.dataservice.getBatchFiles(config.resources.Api.gatewayUri + config.resources.Api.getBatchFiles+"/"+batchId);
     }

数据服务.ts

getBatchFiles(url:string): Observable<IBatchFile[]> {        
        return this.http.get<IBatchFile[]>(url)
        .pipe(map(response => response))
        .pipe(catchError(this.handleError));
    }

Answer 1

假如说：

• 您正在使用 HttpClient ( @angular/common/http )：
• 你有class X

您需要知道它才能知道http.get<X>不会返回X class 的实例。

字段已正确填充，但原型链未正确填充。 你可以自己测试它（在你的浏览器 DevTools 中）：

result.constructor  //ƒ Object()

将其与：

const x = new X();
x.constructor       //class X

因此，结果 object 中缺少放置在对象原型上的任何项目（如方法和 get/set 访问器）。

在我的项目中，我将 HttpClient.get 的返回类型限制为类型（ type X而不是class X ）。 随着类型被编译掉，您将避免这种怪异。

或者，您可以从 HttpClient.get 转换 output 并通过构造函数实例化真实类。