Question

我不知道你是否明白这个想法。我想做的是选择离子选择，当用户选择时，例如＆＃34;阿尔巴尼亚（+355）＆＃34;然后按OK按钮，在选择中只会显示＆＃34; + 355＆＃34;而不是＆＃34;阿尔巴尼亚（+355）＆＃34;

附加contact.html

      <ion-select [(ngModel)]="selected_value" (ionChange)="getCountry(selected_value)" placeholder="País">
        <ion-option [value]="countries" *ngFor="let countries of country">
          {{countries.country_name}} ({{countries.dialling_code}})
        </ion-option>
      </ion-select>

附加contact.ts

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

这就是我所拥有的： name-code-displayed

这是我尝试显示的内容：only-code-displayed

Answer 1

根据Documentation，

ion-select有一个输入属性selectedText，其中包含：

要显示的文字，而不是所选选项的值。

您可以尝试使用[selectedText]="selected_value.dialing_code"。

 <ion-select [(ngModel)]="selected_value" (ionChange)="getCountry(selected_value)" placeholder="País" [selectedText]="selected_value.dialing_code">
        <ion-option [value]="countries" *ngFor="let countries of country">
          {{countries.country_name}} ({{countries.dialling_code}})
        </ion-option>
      </ion-select>

Answer 2

我还可以使用ionChange事件的语句如下：

(ionChange)="getCountry($event)"

通过这种方式，组件捕获在选择中选择的值，然后处理您要显示的信息。

选择选项时，离子选择上显示的离子更改文本

2 个答案: