Question

代码段。

  <ion-item>
    <ion-label> Day</ion-label>
    <ion-select interface="popover" [(ngModel)]="day"  >
        <ion-option value="Monday">Monday</ion-option>
        <ion-option value="Tuesday">Tuesday</ion-option>
        <ion-option value="Wednesday">Wednesday</ion-option>
        <ion-option value="Thursday">Thursday</ion-option>
        <ion-option value="Friday">Friday</ion-option>
        <ion-option value="Saturday">Saturday</ion-option>
        <ion-option value="Sunday">Sunday</ion-option>
    </ion-select>
   </ion-item>

我只需要将Monday设置为选中的默认值。

Answer 1

<ion-item>
<ion-label> Day</ion-label>
<ion-select interface="popover" [(ngModel)]="day"  >
    <ion-option value="Monday">{{'Monday' | translate}}</ion-option>
    <ion-option value="Tuesday">{{'Tuesday' | translate}}</ion-option>
    <ion-option value="Wednesday">{{'Wednesday' | translate}}</ion-option>
    <ion-option value="Thursday">{{'Thursday' | translate}}</ion-option>
    <ion-option value="Friday">{{'Friday' | translate}}</ion-option>
    <ion-option value="Saturday">{{'Saturday' | translate}}</ion-option>
    <ion-option value="Sunday">{{'Sunday' | translate}}</ion-option>
</ion-select>
</ion-item>

当我们同时使用@ ngx-translate和ngModel时，它不能像此问题一样正常工作。

Ionic 3 Angular 5离子选择标签无法设置默认值

1 个答案: