*ngfor在角视图中未显示我的[对象对象]数据

Question

我正在尝试迭代我的角模板中从FastApi后端端点返回的对象。 （我的数据实际上在那里，但是我无法迭代它，唯一使用的语法是使用JSON Pipeline） 结果在我的前端是这样： 编辑（数据）

{  
"1": { "Id": 1, "ruleData": [], "ruleName": "someName", "testDesc": "", "test": "test", "ruleErrorMessage": "someError" } ,

"2": { "Id": 2, "ruleData": [], "ruleName": "someName", "testDesc": "", "test": "test", "ruleErrorMessage": "someError" } 
}

但没有出现数据，这是我的模板代码

 <h5 *ngFor="let smth of analysisResults.someData">
                   testets >>> {{smth}}
</h5>

我的服务代码：

export class backend{
    backendURL="http://localhost:8000/doSomthing/";
    constructor(private httpclient: HttpClient){}
    requrl: string;
    
    getQuality(text: string){
        this.requrl=this.backendURL+text;
        return this.httpclient.get<AnalysisResults>(this.requrl)
    } 
}

我的.TS代码：

constructor(private backend: backendService) { }
  req = new FormControl('');
  analysisResults: AnalysisResults;
  getQuality(reqValue: string) {
    this.backend.getQuality(reqValue)
      .subscribe((data: AnalysisResults) => this.analysisResults = {
          score:(data as any[])['score'] ,
          someData:(data as any[])['someData'] ,
      } ) } 

我的模型代码：

export interface AnalysisResults {
    score?:number;
    someData?:[];
}

Answer 1

在界面中，您已经定义了没有类型的某种程序的数组。如果将其施加到任何[]，则可以使用它。否则它将是一个空数组，因为打字稿迫切需要一种类型。

export interface AnalysisResults {
  score?:number;
  someData?:any[];
}

请参阅Stackblitz中的示例。如果您删除任何类型，然后离开数组，Stackblitz将抱怨。