如何从 Angular 中的 Url 获取数据

Question

我有一些来自一些链接示例的 json 数据，例如https://gameData.com/assets/shortname.json

来自 url 的示例值是这样的

{
{
    "text":"Point Blank",
    "value":"PB"
},
    {
    "text":"Mobile Lagend",
    "value":"ML"
},
    {
    "text":"Player Unknown",
    "value":"PUBG"
},
    {
    "text":"Valorant",
    "value":"VL"
},
    {
    "text":"Free Fire",
    "value":"FF"
}

}

我在我的代码中手动设置json之前的代码就像component.ts上的这个

listShortName: DropdownItemModel[] =
[
    {
    "text":"Point Blank",
    "value":"PB"
},
    {
    "text":"Mobile Lagend",
    "value":"ML"
},
    {
    "text":"Player Unknown",
    "value":"PUBG"
},
    {
    "text":"Valorant",
    "value":"VL"
},
    {
    "text":"Free Fire",
    "value":"FF"
}
];

这是用于 component.html 短名称* <app-dropdown #field name="shortName" [items]="listShortName" placeholder="Short Name.." >

我如何更改从 url 获取数据

Answer 1

请参阅 Angular 关于从服务器请求数据的文档。

configUrl = 'assets/config.json';

getConfig() {
  return this.http.get<Config>(this.configUrl);
}

将configUrl更改为https://gamedata.com/assets/shortname.json 。