Как отобразить больше данных, когда пользователь нажимает на раскрывающийся список «Выбрать элемент»?

Question

В элементе SELECT, когда пользователь не щелкает по нему (вид по умолчанию), я хочу отобразить Option1 как: VALUE1 VALUE2.И когда пользователь нажимает на элемент SELECT и открывает раскрывающийся список параметров, я хочу отобразить Option1 как: VALUE1 VALUE2 VALUE3.

. Я получу значение 1,2,3 * 1008.* из API.Я знаю, как получить данные / значение из API, но не знаю, как отобразить еще один ключ / значение, когда пользователь нажимает на поле Select.

Answer 1

Я обычно делаю это, вставляя for loop в теги опций, которые связывают переменную, содержащую данные в угловом компоненте.Каждый раз, когда вы извлекаете данные из API, вам нужно добавлять значения в эту переменную для отображения изменений.

<form [formGroup]="countryForm">
 <select formControlName="countryControl">
   <option [value]="country" 
           *ngFor="let country of countries">
           {{country}}
    </option>
 </select>
</form>

Answer 2

Вы должны использовать массив элементов для отображения выпадающих элементов. используйте (click)="addElement()" на select и создайте эту функцию addElement() в своем компоненте, и в этой функции просто добавьте элемент в массив, который отображается как раскрывающиеся элементы.