So legen Sie den Wert dynamisch als Standardwert in der Ionenauswahloption fest ⇐ Android

[Anonymous]

Ich verwende Ionic 4.

Ich möchte einen Standardwert in ion-select-option anzeigen.

Optionswerte kommen vom Server.

API funktioniert, alle Werte werden angezeigt, aber beim Klicken auf ion-select.

Aber ich möchte den Standardwert anzeigen.

Ich habe userData.business_type bereits im Konstruktor initialisiert.

Ich habe meine Frage aktualisiert, das können Sie sehen.

Wenn meine Seite geladen wird, wird in der Ionenauswahl nur die Dropdown-Schaltfläche angezeigt, aber wenn ich auf die Dropdown-Schaltfläche klicke, wird der Wert angezeigt.

Aber ich möchte standardmäßig den ersten Wert anzeigen, wenn die Seite für den Benutzer sichtbar ist.

Antwort

Code: Select all

 {"success":1,"service_details":[{"id":"1","name":"Job\/Service","status":"1"},
{"id":"2","name":"Student","status":"1"},{"id":"3","name":"House Wife","status":"1"},{"id":"4","name":"Business","status":"1"}]}

register.ts

Code: Select all

 userData = { "fname": "", "lname": "", "contact_no": "", "email_id": "", "password": "",
"business_type": "", "organization_name": "", "designation": "", };

constructor () {
this.userData.business_type = "1";
}

getAllService(){
let loading = this.loadingCtrl.create({
spinner: 'circles',
message: 'Please wait...'
}).then(loading => loading.present());

this.authService.getData("get_all_service_type.php").then((result) => {
this.items = result;
this.success = this.items.success;
console.log(this.success);

if (this.success == 1) {
this.loadingCtrl.dismiss();
this.serviceData = this.items.service_details;
console.log(this.serviceData);
} else {
this.message = this.items.message;
this.loadingCtrl.dismiss();
}

}, (err) => {
this.loadingCtrl.dismiss();
console.log("Error", err);
});
}

register.html

Code: Select all

 
Occupation 


{{item.name}}

ODER

Code: Select all

Occupation

{{item.name}}