離子2中的「離子選擇」元素中不工作的「selected」屬性

我正在使用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>

來源

2017-06-25 Rahul Gupta

向我們展示.ts文件。 –

我自己解決了它 –

問題是什麼？告訴我們。把答案放在你的文章中。 –

我解決它的「貨幣歸檔」，通過固定它的變量，因爲
如果添加ngModel那麼就不會選擇任何他們的U如果您將該變量設置爲組件中的其中一個值，那麼您無需擔心。例如：

this.dateExp = ""; 

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

其爲「INR」而不是費用的細節領域工作。有人建議我!!!!

來源

2017-06-25 16:49:37

它現在工作。不要使用「公交票價」之類的價值屬性，請使用「Bus_fare」 –

離子2中的「離子選擇」元素中不工作的「selected」屬性

回答

相關問題