如何在 Angular 7 上为国家/地区名称执行函数返回码？

Posted 2023-03-13

【中文标题】如何在 Angular 7 上为国家/地区名称执行函数返回码？

【英文标题】：How can I do function return code for country name on angular 7?

【发布时间】：2020-10-30 05:07:44

【问题描述】：

我在 Angular 7 应用程序上工作，我遇到问题：我无法执行函数返回国家/地区名称的国家/地区代码。

我已经将 ZCO 作为国家名称输入，但我的问题：

如何从国家名称返回国家代码？

其实更清楚

我需要 Angular 7 上的函数，将国家名称设为 ZCO，然后返回国家代码。

ZCO 代表国名为

印度、埃及、美国

它必须从函数get code返回国家代码：

印度，EG，美国

开启 ts 组件：

 this.OriginCountry= this.partDetailsService.currentData.OriginCountry;  
    this.OriginCountry.forEach(e =>   
              e.code=getCode(e.ZCO);  
      
            );  
 

getcode 以参数 ZCO 为国家名称，返回国家代码：

getCode(e.ZCO);

return code // as country code

如何将其作为函数获取代码

 getCode(e.ZCO);
    
    return code // as country code
    

【参考方案1】：

您可以创建一个CountryCodeService 来进行处理。您必须创建一个内部地图以将国家名称与国家代码相关联：

interface Country 
    name: string;
    code: string;


const countryMap: Country[] = [
    // ...
     name: "India", code: "IN" ,
    // ...
]

这样您就可以通过数组中的find 来按名称检索国家/地区并获取相关的国家/地区代码：

getCode(countryName: string): string 
    const country: Country | undefined = this.countryMap.find((c: Country) => c.name === countryName);
    if (!country) 
        throw new Error(`Could not find country code for country $countryName`);
    

    return country.code;

【讨论】：

这很好，但如何在获取代码功能上做到这一点

你能帮我解决这个问题吗

我需要函数以及如何调用