Home / Questions / 322583
Accepted
ger
Asked: 2020-01-18 08:21:12 +0800 CST 2020-01-18 08:21:12 +0800 CST

How to show combobox controls in Angular when selecting a checkbox

  • 772

I am starting with Angular and I need to convert an application from Silverlight to Angular, and when I check some checkboxes, some selects or comboboxes appear.

Having reference to this page where they place how to add or modify controls (textboxes)

The code that I think is to add select or comboboxes is the one that I indicate:

  private addCheckboxes() {
this.orders.map((o, i) => {
  const control = new FormControl(i === 0); // if first item set to true, else false
  (this.form.controls.orders as FormArray).push(control);
});

} but how do I indicate that they are selects?

html5

1 Answers

  1. Best Answer

    You can achieve what you want with[(ngModel)]

    In your component you create a variable:

      mostrarSelect: boolean = false

    And in your htmladd the following:

    <input type="checkbox" [(ngModel)]='mostrarSelect' />Mostrar select

<hr>

<select *ngIf='mostrarSelect'>

  <option>Opciones</option>
  <option>Opciones</option>
  <option>Opciones</option>
  <option>Opciones</option>
</select>

    Then you can do it progressively with a *ngFor.

    Here is a working example

    • 0