Question

我正在使用离子2来制作移动应用程序。当我在selected元素中使用ion-select属性时，它在一个页面上工作，但当我将它用于另一个页面（组件）时，它无效。

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

我的非工作代码＆＃34;已选择＆＃34; in＆＃34; ion-select＆＃34;元素如下：

 <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

我解决了＃34;货币提交＆＃34;通过固定它变量因为
如果添加ngModel，则除非将变量设置为组件中的某个值，否则不会选择其中任何一个。例如：

 this.dateExp = "";

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

它为＆＃34; INR＆＃34;但不是费用细节字段。有人建议我!!!!

不工作＆＃34;选择＆＃34;属性在＆＃34;离子选择＆＃34;离子2中的元素

1 个答案: