Angular6中ArrayList的可能返回类型？无效的返回类型是否导致.Subscribe函数未定义？

Question

成功的API调用后，未定义.subscribe承诺。 API正在返回一个JSON数组列表;

[
    {
        "id": 1,
        "matches": [
        {
            "prop1": "string,
            "prop2": "string,
        },
        {
            "prop1": "string,
            "prop2": "string,
        },
    }
]

.ts文件请求返回类型为Fixture[]，Fixture对象包含一个对象Array。

export class FixtureComponent {
  public fixtures: Fixture[];

  constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string) {

    http.get<Fixture[]>(baseUrl + 'api/Fixture/').subscribe(result => {
      this.fixtures = result;
    }, error => console.error(error));
  }
}

interface Fixture {
  id: number;
  match: Match;
  matches: Array<Match>;
}

interface Match {
  id: number,
  homeClub: string;
  awayClub: string;
  date: Date;
}

我认为问题与Fixture[]不是一个合适的类型，但当我尝试将其更改为更合适的类型定义时，我有索引错误，就好像我正在尝试使用另一个对象来索引数组。

我希望返回一个数组列表，我将在DOM中使用嵌套的*NgFor显示。

任何帮助表示赞赏。谢谢。

编辑：

result中的错误：意外的输入结束。

Answer 1

所有需要的是在组件的所有情况下将Fixture[]更改为Fixture。

运作良好。