Html 如何以角度显示下拉列表以从MySQL表中选择一项？

我有一个数据库表

airline

，我想在

下拉列表中显示该表中的所有数据，然后能够从列表中选择一项


航空公司

export class Airline {
  airline_id: number;
  name: string;
  symbol: string;
}

我的HTML代码不起作用（只显示下拉列表，里面没有数据）：


{{airline.symbol}

实际上看起来是这样的（列表中没有数据）：


航空公司

export class AirlineService {
    private baseUrl = 'http://localhost:8080/api/airlines';

    constructor(private http: HttpClient) {
    }

    getAirline(airline_id: number): Observable<Airline> {
        return this.http.get<Airline>(`${this.baseUrl}/${airline_id}`);
    }

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

出口级航线服务{
专用baseUrlhttp://localhost:8080/api/airlines';
构造函数（专用http:HttpClient）{
}
getAirline（航空公司id:编号）：可观察{
返回this.http.get（`${this.baseUrl}/${airline\u id}`）；
}
getAirlinesList（）：可观察{
返回this.http.get（`${this.baseUrl}`）；
}
}

airlines-list.component.ts

export class AirlinesListComponent implements OnInit {
    airlines: Observable<Airline[]>;
    airline_id: number;
    selectedValue: string;

    @Input() airline: Airline;

    constructor(private airlineService: AirlineService) { }

    ngOnInit() {
        this.reloadData();
    }

    reloadData() {
        this.airlines = this.airlineService.getAirlinesList();
    }
}

导出类AirlinesListComponent实现OnInit{
航空公司：可见；
航空公司识别号：号码；
selectedValue:字符串；
@输入（）航空公司：航空公司；
建造商（私人航线服务：航线服务）{}
恩戈尼尼特（）{
此参数为.reloadData（）；
}
重新加载数据（）{
this.airlines=this.airlineService.getAirlinesList（）；
}
}
由于您将
航空公司
变量声明为可观察变量，因此在模板中引用它时需要将其视为可观察变量

从此处更改您的
ngFor
：

*ngFor="let airline of airlines"

为此：

*ngFor="let airline of (airlines | async)"

航空公司
是可观察的。您可能需要将
ngFor
更改为如下内容：
*ngFor=“让航空公司（航空公司）异步）”
@R.Richards谢谢，它可以工作；）顺便说一句，这篇文章写得不错。很高兴看到您只包含了真正需要的信息。继续努力！
*ngFor="let airline of (airlines | async)"