无法将默认值设置为离子选择离子3

Question

我正在尝试将默认值设置为离子选择组件类，但是当页面加载时，离子选择组件不会显示默认值。

我的组件代码如下：

@Component({
  selector: 'page-edit-profile',
  templateUrl: 'edit-profile.html',
})

export class EditProfilePage {
  user=new User("","","Male","","");
  gender:string="Male";
  constructor(public navCtrl: NavController, public navParams: NavParams) {
     console.log('inside EditProfilePage constructor ');
  }
}

HTML页面代码如下：

<ion-item>
  <ion-label>Gender</ion-label>
  <ion-select [(ngModel)]="gender" name="gender">
    <ion-option value="Male">Male</ion-option>
    <ion-option value="Female">Female</ion-option>
  </ion-select>
</ion-item>