我正在使用离子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",但不用于费用详细信息字段。任何人都建议我!!!!