Блог

У меня есть форма с классическим строковым полем и списком множественного выбора.

Смотрите мой HTML :

 <ion-item-group>
        <ion-item lines="full">
          <ion-label position="floating">{{ 'Name' | translate }}</ion-label>
          <ion-input type="text" formControlName="name" required></ion-input>
        </ion-item>
        <div class="form-error-message" *ngIf="isSubmitted amp;amp; errorControl.name.errors?.required">
            {{ 'Name is required.' | translate }}
        </div>
    </ion-item-group>

    <ion-item>
        <ion-label>{{ 'Associated to' | translate }}</ion-label>
        <ion-select formControlName="itemId" multiple="true" cancelText="{{ 'Cancel' | translate }}" okText="{{ 'Validate' | translate }}">
            <ion-select-option value="{{item.id}}" *ngFor="let item of items">
                {{item.name}}
            </ion-select-option>
        </ion-select>
    </ion-item>
 

Мой машинописный текст :

 constructor(...) {
        this.form = this.fb.group({
          name: ["", [Validators.required, ]],
          itemId: [[]]
        })
    }

    ionViewDidEnter() {
        this.objectToUpdate = myObject;
        this.updateAnimalList();

        this.form.reset();
        this.form.controls['name'].setValue(this.myObject.name);
        this.form.controls['animalId'].setValue(this.myObject.items.map(a => String(a)));
        this.ref.markForCheck();
    }
 

Когда я открываю страницу :

1. Поле имя обновляется с именем в myobject => Хорошо
2. Элементы (myobject.items) не проверяются. Они проверяются только тогда, когда я нажимаю на список, чтобы открыть список выбора. => Нехорошо

Есть ли что-то конкретное, что нужно сделать, чтобы проверить новые элементы без необходимости нажимать на кнопку выбрать ? Может быть, это ошибка в ионном объекте ?

Благодарю,