2017-10-14 1 views
0

je veux obtenir le outertext d'un select box quand il est selectedcomment obtenir sélectionné le texte externe pour une boîte de sélection

par exemple:<ion-option value="1">Agriculture</ion-option> // output: Agriculture

voici démo:https://stackblitz.com/edit/ionic-m7jy2n?file=pages%2Fhome%2Fhome.ts

ci-dessous est mon html

<ion-item> 
      <ion-label>Choose Industry Type</ion-label> 
      <ion-select [(ngModel)]="getSelectedValue" (ionChange)="getOuterName($event)">   
      <ion-option value="1">Agriculture</ion-option> 
     <ion-option value="2">Chemicals</ion-option> 
     <ion-option value="3">Pesticides</ion-option>  
      </ion-select> 
    </ion-item> 

ci-dessous est mon contrôleur

getOuterName(event){ 
     console.log(this.getSelectedValue); 

     alert(this.getSelectedValue); 

     console.log(event); 


} 

Répondre

0

Tout supprimer l'attribut de valeur.

<ion-option>Agriculture</ion-option> 
<ion-option>Chemicals</ion-option> 
<ion-option>Pesticides</ion-option>  

DEMO

+0

mais je veux option '' value' à une autre populate' 'sélectionnez box' – EaB

+0

sans enlever option' value' une idée? – EaB

+0

vous devez utiliser un tableau avec deux propriétés et utiliser ngFor – Sajeetharan