Wie bekomme ich den Wert von Ion-Select und Anzeige in Label

Question

Ich bin dynamisch die Dropdown-Liste und hier bin ich nicht in der Lage, den Wert anzuzeigen, der standardmäßig Label ausgewählt ist und auch wenn ich die Auswahl ändern, ist dieser Wert auch nicht Anzeige im Label.

Unten ist mein Code

<p>{{locName}}</p> 
    <ion-grid style="background:#fafafa"> 
     <ion-row> 
     <ion-col col-6 hidden> 
      <!--<ion-label>Location</ion-label>--> 
      <ion-select #sectionSelect [(ngModel)]="location" (ngModelChange)="optionsFn()" hidden> 
      <ion-option *ngFor="let opt of allowedData" [value]="opt.LocationId">{{opt.LocationName}}</ion-option> 
      </ion-select> 
     </ion-col> 

     </ion-row> 

    </ion-grid> 

im locName ich die ausgewählten Daten

unten angezeigt haben, ist mein Typoskript Code

optionsFn(){ 
    this.dataone = location; 
    this.locName = this.dataone.LocationName; 
    console.log(this.locName); 

    } 

Answer 1

Es sollte wie folgt lauten,

optionsFn(){ 
    this.dataone = this.location; 
    this.locName = this.dataone.LocationName; 
    console.log(this.locName); 
} 

oder ngModel Wert auf die Funktion in HTML passieren

(ngModelChange)="optionsFn(location)" 

und in TS

optionsFn(value:any){ 
     this.dataone = value; 
     this.locName = this.dataone.LocationName; 
     console.log(this.locName); 
    }