Get value of select dynamically created

Ionic Framework ionic-v3
1

I have the following code:

        <ion-list>
          <ion-item>
            <ion-select placeholder="País..." [formControl]="authForm.controls['country_code']">
              <ion-option *ngFor="let countries of country">
                {{countries.country_name}} ({{countries.dialling_code}})
              </ion-option>
            </ion-select>
          </ion-item>
        </ion-list>

Where country is a JSON like this:

    country = [
    { "country_code": "AL", "country_name": "Albania", "dialling_code": "+355" },
    { "country_code": "DZ", "country_name": "Algeria", "dialling_code": "+213" }];

And what I want is to get country_code property but all I get is the next object:

{firstname: "asdas", lastname: "asdas", country_code: "↵                Albania (+355)↵              ", gender: "m"}
2

which value you want to get country name or dialing code ?

3

Actually, country_code

4

You can try like this

   <ion-list>
          <ion-item>
            <ion-select  [(ngModel)]="countrycode" #countrycode (ionChange)="getcountrycode(countrycode.value)" placeholder="País..." [formControl]="authForm.controls['country_code']">
               <ion-option *ngFor="let countries of country" [value] = "countries.dialling_code">
                {{countries.country_name}} ({{countries.dialling_code}})

              </ion-option>
            </ion-select>
          </ion-item>
        </ion-list>

on Page.ts

getcountrycode(countrycodeValue) {
  console.log(countrycodeValue)
}

I hope your problem will be fixed
Good Luck
Thank you.