在离子 2 中"ion-selected"元素中的属性"selected"不起作用



我正在使用离子2用于制作移动应用程序。当我在ion-select元素中使用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> 

我通过修复变量而为"货币"解决了它,因为
如果添加ngmodel,则除非将变量设置为组件中的一个值之一,否则不会选择其中的任何一个。 例如:

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

它用于" INR",但不用于费用详细信息字段。任何人都建议我!!!!

相关内容

最新更新