Búsqueda de sitios web

html - Angular: Cómo establecer programáticamente el valor de select/select2 después de onSubmit()


Estoy usando la etiqueta HTML <select>, como ya se sabe:

El elemento se utiliza para crear una lista desplegable.

Las etiquetas dentro del elemento definen las opciones disponibles en la lista.

Quiero lograr lo siguiente:

Después de que selecciono un valor en una lista desplegable, me gustaría establecer el valor del selector a un valor predeterminado que es "-/-" ..

Aquí es cómo se ve:

Y código:

<div class="form-group">
  <label class="control-label dash-control-label col-sm-3" for="">Select Select2:</label>
  <div class="col-sm-3">
    <select id="taxSelect" class="form-control dash-form-control select2"  style="width: 100%;" data-minimum-results-for-search="Infinity">
      <option disabled [ngValue]="null" >-/-</option>
      <option *ngFor="let code of codes" [value]="code.id">
        {{code.title}}
      </option>
    </select>
 </div>

Quiero decir, cuando vuelva a abrir el modal, quiero ver "-/-" tal como está como valor predeterminado, y no el valor que seleccioné anteriormente. Así que básicamente, en onSubmit() en TypeScript me gustaría restablecer para configurar nuevamente "-/-" como valor predeterminado.

P.D. He intentado:

show() {

    $('select').val('0');
    $('select').val($('select').children().eq(0).val());

    $('select2').val('0');
    $('select2').val($('select').children().eq(0).val());

    $("select[title='-/-']").attr('selected', 'selected');
}

Así que básicamente, cuando se muestra el Modal, quería restablecer los valores del desplegable a "-/-", pero no funciona..

¡Muchas gracias chicos! ¡SALUD!