Блог

Главная - Вопросы по программированию - Как показать первый элемент, поступающий из источника данных, в раскрывающемся списке

Как показать первый элемент, поступающий из источника данных, в раскрывающемся списке

#angular #angular8

Вопрос:

Я пытаюсь показать первый в источнике данных в раскрывающемся списке.

Я использую следующий код:

HTML

 <form [formGroup]="filtersForm" class="filters-row">
 <div class="flex-column">
  <select label="Number." [options]="aNumberDropdown" formControlName="dropdownNumber"></select>
  </div>
</form>

компонент.ts

   public filtersForm = this.formBuilder.group({
      dropdownNumber: ['']
  });

Ответ №1:

HTML

   <form [formGroup]="filtersForm" class="filters-row">
    <div class="flex-column">
      <select label="Number." formControlName="dropdownNumber">
        <option *ngFor="let aNumber of aNumberDropdown" [ngValue]="aNumber">{{aNumber}}</option>
      </select>
    </div>
  </form>

компонент.ts

   public filtersForm: FormGroup = this.formBuilder.group({
    dropdownNumber: [this.aNumberDropdown[0]]
  });

Комментарии:

1. не сработало, я вижу на экране слишком много [объектов-объектов][объектов-объектов]..

2. @dnyesil можете ли вы указать в массиве тип Numberdropdown?

3. ДА. это массив вариантов выбора. Каковы его свойства? Какое свойство предназначено для метки?

Ответ №2:

Вы можете использовать patchValue функцию или установить значение по умолчанию, как показано в первом ответе:

 this.filterForm.patchValue({
   dropdownNumber: this.aNumberDropdown[0]
})

Комментарии:

1. где я должен это добавить?

2. После определения вашей группы форм — форма фильтров.

Метки: , ,