How to add and remove dropdown when clicked angular

Question

I have a dropdown and two button (add & delete) in a section.

I need when i clicked on add it will add a dropdown and beside a delete button.

component.html

<td>
      <form class="form">
        <section class="form-inline">
          <div class="col-auto my-1">
            <select class="custom-select mr-sm-2 form-control">
              <option [ngValue]="" disabled selected>Select your option</option>
              <option [ngValue]="f" *ngFor="let ar of Student">
                {{ ar.name  }}
              </option>
            </select>
          </div>
          <button type="button" class="btn btn-danger btn-sm">
            Remove
          </button>
        </section>
        <button type="button" class="btn btn-primary mb-2 mt-2 ml-3">
          Add
        </button>
      </form>
    </td>

question from:https://stackoverflow.com/questions/65933066/how-to-add-and-remove-dropdown-when-clicked-angular

Answer 1

Waitting for answers