Блог

Я использую 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

Я также пытался использовать значение, но безуспешно. Любая помощь приветствуется.

У меня тот же вопрос — что, если я получаю только alpha2Code из своего API, а не другие поля, такие как name, numericCode и т.д.

Вы можете попробовать это :

1. Импортируйте модуль

   импорт {Country} из ‘@angular-material-extensions/select-country’;

2. Создать переменную

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

   };

3. Создайте функцию

   onCountrySelected(country: Страна) { console.log(страна); }

4. Вызов в представлении следующим образом

   <метка mat-select-country=»Country» [значение]=»defaultCountry» внешний вид=»контур» (onCountrySelected)=»onCountrySelected($event)»>

ОТРЕДАКТИРОВАНО

Эта проблема была решена с новым выпуском: https://github.com/angular-material-extensions/select-country/issues/46

Документация: https://angular-material-extensions.github.io/select-country/doc/index.html