Ionic 3 formControl ion-select начальное значение - PullRequest
Новая
       5

Ionic 3 formControl ion-select начальное значение

0 голосов
/ 13 мая 2018

Я работаю над приложением Ionic и хочу реализовать простую страницу формы.Я хочу повторно использовать один и тот же компонент как для создания, так и для редактирования сущности, с которой я работаю.

Одним из полей, которое мне нужно ввести пользователям, является "случай", который в моей модели представляет собой объект, содержащийid, name и некоторые другие поля.

Отлично подходит для добавления, но когда я перехожу на эту страницу с уже существующей сущностью, для ее редактирования все поля предварительно заполнены, ноion-select.

Это часть кода в конструкторе компонентов: 

this.editedWish = navParams.get('wish') || null;
if (this.editedWish) {
  this.isEdited = true;
  this.title = this.editedWish.title;
  this.description = this.editedWish.description;
  this.occasion = this.editedWish.occasion;
}

this.form = formBuilder.group({
  title: [this.title, Validators.required],
  description: [this.description],
  occasion: [this.occasion, Validators.required]
});

Что касается HTML-шаблона: 

 <ion-item>
    <ion-select formControlName="occasion" interface="popover">
      <ion-option *ngFor="let occasion of occasions" [value]="occasion">
        {{occasion.name | translate }}
      </ion-option>
    </ion-select>
  </ion-item>

ребята, знаете, почему ионный отбор также не заполняется заранее?Спасибо за помощь

1 Ответ

0 голосов
/ 26 июля 2018

У меня была такая же проблема несколько раз назад, и это работает для меня (добавьте атрибут 'translate'): 

<ion-option *ngFor="let occasion of occasions" [value]="occasion" translate="occasion.name">       
  </ion-option>
...