如何在Angular中使用Typescript中的数组

我已经编写了一个Rest API，它返回一组数据，用于填充表单的两个下拉列表。从API返回的数据从角度后端接收并绑定到下拉列表。我尝试在一个Get中获取数据，而不是编写两个Get请求来获取两个表单的数据

Java后端获取方法

 @GetMapping("/flight/formdata")
    public List getWebSiteFormData() {

        List formDataSet=FligthtDataServices.getWebSiteFormData();
        return formDataSet;
    }

邮递员上显示的一组数据

[
    [
        "London Heathrow",
        "AP"
    ],
    [
        "Velana International Airport",
        "AP"
    ],
    [
        "Hamad International Airport",
        "AP"
    ],
    [
        "Suvarnabhumi Airport",
        "AP"
    ],
    [
        "Changi Airport",
        "AP"
    ],
    [
        "Business",
        "CL"
    ],
    [
        "Premium Economy",
        "CL"
    ],
    [
        "Economy",
        "CL"
    ]
]

服务等级

  getWebSiteFormData():Observable<any>{
    return this.http.get(`${this.baseUrl}/formdata`);
  }

Booking.component.html文件

 <td style="height: 39px; width: 14%;"> 
        <div class="input-group">
        <div class="input-group-prepend">
          <div class="input-group-text">Departure</div>
        </div>
       <select class="form-control" id="classtype" name="classtype" [(ngModel)]="booking.classtype">
        <option>{{fromairportlist[0]}}</option>
        <option>{{fromairportlist[1]}}</option>
        <option>{{fromairportlist[2]}}</option>
       </select>
       </div>
    </td>

离开
{{fromairportlist[0]}
{{fromairportlist[1]}
{{fromairportlist[2]}

但它似乎不起作用。下拉菜单上没有显示任何内容，如图所示

---

如果我的方法错误，请建议一种纠正方法。

首先使用

*ngFor

：

{{option}

这可能会有帮助

---

首先使用

*ngFor

：

{{{option}

这可能会有帮助

---

由于结果是一个字符串数组，请通过for循环对其进行循环。简单地说

<select>
  <option *ngFor="let item of fromairportlist">{{item}}</option>
</select>

{{item}}

如果有任何疑问，请参考stackblitz解决方案。

---

由于结果是一个字符串数组，请通过for循环对其进行循环。简单地说

<select>
  <option *ngFor="let item of fromairportlist">{{item}}</option>
</select>

{{item}}

如果有任何疑问，请参考stackblitz解决方案。