ionic 2中"ion-selected“元素中的"selected”属性不起作用

Question

我正在使用ionic 2制作移动应用程序。当我在ion-select元素中使用selected属性时，它对一个页面有效，但当我将它用于另一个页面(组件)时，它就不起作用了。

我是Ionic-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-select“元素中非工作的"selected”，我的代码如下：

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

Answer 1

我通过修改变量来解决“货币字段”的问题，因为

如果您添加ngModel，那么它不会选择其中任何一个，除非您将变量设置为组件中的一个值。例如：

 this.dateExp = "";

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

它适用于"INR“，但不适用于费用详细信息字段。有人推荐我吗！