2017-06-25 1 views
0

Ich verwende ionic 2 für die mobile Anwendung. Wenn ich selected Attribut im ion-select Element verwende, arbeitet es für eine Seite, aber wenn ich es für eine andere Seite (Komponente) verwende, funktioniert es nicht.Funktioniert nicht "ausgewählt" -Attribut in "ion-selected" -Element in ionic 2

Ich bin neu in Ionic-2

Mein Code für ausgewähltes Attribut Arbeit ist unten angegeben:

<ion-item> 
     <ion-label>IO/WBS</ion-label> 
     <ion-select interface="popover"> 
      <ion-option value="Department1" selected>Department 1</ion-option> 
      <ion-option value="Department2 ">Department 2</ion-option> 
      <ion-option value="Department3 ">Department 3</ion-option> 
     </ion-select> 
    </ion-item> 
    <ion-item> 
     <ion-label>Approver</ion-label> 
     <ion-select interface="popover"> 
      <ion-option value="Manager1" selected>Manager 1</ion-option> 
      <ion-option value="Manager2 ">Manager 2</ion-option> 
      <ion-option value="Manager3 ">Manager 3</ion-option> 
     </ion-select> 
     </ion-item> 
    </ion-list> 

Und mein Code für nicht arbeitende "ausgewählt" in "Ion-select" Element geben unter:

<ion-item> 
     <ion-label>Expense Details</ion-label> 
     <ion-select interface="popover" name="check" [(ngModel)]="check" (ionChange)="Change(check)"> 
      <ion-option value="Bus fare" selected>Bas Fare</ion-option> 
      <ion-option value="Train Fare">Train Fare</ion-option> 
      <ion-option value="other">Other</ion-option> 
      </ion-select> 
    </ion-item> 

    <textarea id="box" rows=3 cols=35 style="display:none;text-align:center;" name="description" [(ngModel)]="description" ></textarea> 

    <ion-grid> 
     <ion-row> 
      <ion-col col-6> 

      <ion-label>Select Currency</ion-label> 
       <ion-select interface="popover" name="currency" [(ngModel)]="currency"> 
        <ion-option value="INR" selected>INR</ion-option> 
        <ion-option value="GBP ">GBP</ion-option> 
       </ion-select> 
      </ion-col> 
      <ion-col col-6> 
       <ion-item> 
       <ion-label floating >Amount</ion-label> 
       <ion-input required type="number" name="amount" [(ngModel)]="amount"></ion-input > 

      </ion-item> 
      </ion-col> 
     </ion-row> 
     </ion-grid> 

    </ion-list> 
+0

Zeigen Sie uns die .ts-Datei. –

+0

Ich löste es durch meine eigene –

+0

Was war das Problem? Erzähl uns. Setzen Sie die Antwort in Ihren Post ein. –

Antwort

0

ich löste es für „Currency eingereicht“ durch die Festsetzung es variabel, da
wenn Sie ngModel hinzufügen, dann wird es keine von ihnen wählen u Sie setzen die Variable auf einen der Werte in der Komponente. zum Beispiel:

this.dateExp = ""; 

    this.check = "Bus fare"; 
    this.amount = 0; 
    this.currency = "INR"; 
    this.description ="" 

Sein für "INR" arbeiten, aber nicht für das Feld Expense Details. Jeder schlägt mir vor !!!!

+2

Es funktioniert jetzt. Verwenden Sie kein Wertattribut wie "Bus fare", verwenden Sie "Bus_fare" –

Verwandte Themen