html - 如何设置 ionic 选择项的默认值？

Question

我需要为 ionic 选择项设置默认值。

上面的 ion-select 包含位置列表，选择一个位置后我将其保存到 localStorage 中。

我需要这个 localStorage 是 ion-select 的默认值，像这样:

When the page is changed the ion-select return the placeHolder and no item is selected

代码:

  <ion-item>
    <ion-select multiple="false" placeholder="Which Place?" [(ngModel)]="placeId" (ionChange)="showPlace()"> 
      <ion-option class="text-input place-field" *ngFor="let place of places | async;let i = index" value="{{place.id}}"> 
        {{place.name}}
      </ion-option>
    </ion-select>
  </ion-item>

Answer 1

我找到了一个解决方案..将 AbstractControl 添加到您的 [(ngModel)]。

例子:
在你的 TS 文件中..

placeForm: FormGroup;
placeId: AbstractControl;

constructor(){
  this.placeForm.formBuilder.group({
   placeId: ['', Validators.required],
  });
  this.placeForm.get('placeId').setValue(place.id);
}

在你的 html 中只需添加此 [(ngModel)]="placeForm.placeId"