2017-06-25 64 views
0

我正在使用ionic 2来制作移动应用程序。当我在ion-select元素中使用selected属性时,它为一个页面工作,但是当我将它用于另一个页面(组件)时,它不起作用。离子2中的“离子选择”元素中不工作的“selected”属性

我是新来的离子-2

我对工作的选择的属性代码如下:

<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> 

而我在非工作“中选择”代码“离子选择”元素下面给:

<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

向我们展示.ts文件。 –

+0

我自己解决了它 –

+0

问题是什么?告诉我们。把答案放在你的文章中。 –

回答

0

我解决它的“货币归档”,通过固定它的变量,因为
如果添加ngModel那么就不会选择任何他们的U如果您将该变量设置为组件中的其中一个值,那么您无需担心。 例如:

this.dateExp = ""; 

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

其为“INR”而不是费用的细节领域工作。 有人建议我!!!!

+2

它现在工作。不要使用“公交票价”之类的价值属性,请使用“Bus_fare” –

相关问题