mat-select-country - 无法设置初始值答案

【问题标题】：mat-select-country - unable to set initial valuemat-select-country - 无法设置初始值
【发布时间】：2020-10-21 15:08:59
【问题描述】：

我正在使用 mat-select-country 来显示国家列表并从中进行选择。

      <mat-select-country  appearance="outline" country="IN" [itemsLoadSize]="5"
      (onCountrySelected)="onCountrySelected($event)">
  </mat-select-country>

当我设置 country="IN" 时，它只显示国旗而不显示国家名称。 只有点击输入框才会显示国家/地区。我正在尝试在我的页面加载时默认我的国家/地区字段的值。

上述控件的链接 angular-material-extensions/select-country

我也尝试过使用该值，但没有运气。非常感谢任何帮助。

【问题讨论】：

你是从 Http 请求中获取数据的吗？
不，我用的是控件自带的那个。

标签： angular material-design

【解决方案1】：

我有同样的问题 - 如果我只从我的 API 中获取 alpha2Code 而不是其他字段，如名称、numericCode 等，该怎么办？

【讨论】：

【解决方案2】：

你可以试试这个：

导入模块

从“@angular-material-extensions/select-country”导入{Country}；

变量

 defaultCountry: Country = {
 name: 'Indonesia',
 alpha2Code: 'ID',
 alpha3Code: 'IND',
 numericCode: '276'

};

制作函数

onCountrySelected（国家：国家）{ 控制台.log（国家）； }
像这样在视图中调用

【讨论】：

这听起来很丑陋，但这似乎是唯一可行的解决方案......

【解决方案3】：

已编辑

此问题已通过新版本解决：https://github.com/angular-material-extensions/select-country/issues/46

文档：https://angular-material-extensions.github.io/select-country/doc/index.html

【讨论】：

谢谢。我有一个问题，如果我只从我的 API 中获取 alpha2Code 而不是其他字段（如名称、numericCode 等）怎么办。我可以将其传递为空并且它仍然有效吗？
另外，这就是文档所说的。它不适用于对象。它必须是一个字符串。 country Input() string - 要设置为输入的值（可能的值是 Country 接口属性，不区分大小写）