Сохранить значение параметра id onchange () в поле выбора

Question

Мне нужна помощь. Я пытаюсь сделать зависимую опцию выбора, проблема в том, что мне нужно сохранить значение id (career.id) первого выбора в переменной в component.ts

HTML

<td>
    <select [disabled]="flagAsignaturasCupo" 
            [(ngModel)]="carrera.id" class="form-control"
            id="carrera" name="carrera" required>
       <option value="0" selected>SELECCIONE UNA CARRERA</option>
       <option value="{{carrera.id}}" *ngFor="let carrera of carrerasdocente" class="small">{{ carrera.descripcion }}</option>
    </select>
</td>

Мне нужно сохранить значение run.id моего предыдущего выбора в переменной и использовать его в getSignatura, чтобы использовать его в параметрах, а второй вариант выбора работает для меня

Component.ts

getAsignaturasDocente () {
         const parameters =
         '? user_id =' + this.user.id
         + '& carrera_id =' + *** variable_that I need ***
         this.spinner.show();
         this.service.get('teachers/subjects' + parameters) .subscribe (
             response => {
                 this.asignaturasdocente = response['asignaturasdocente '];
                 this.spinner.hide ();
             },
             error => {
                 this.spinner.hide ();
             });
     }

Answer 1

Вы go в ngModelChange () на выбранном теге, подобном этому:

Component.ts

getAsignaturasDocente (carreraId) {
     const parameters =
     '? user_id =' + this.user.id
     + '& carreraId =' + *** variable_that I need ***
     this.spinner.show();
     this.service.get('teachers/subjects' + parameters) .subscribe (
         response => {
             this.asignaturasdocente = response['asignaturasdocente '];
             this.spinner.hide ();
         },
         error => {
             this.spinner.hide ();
         });
 }

посмотрите на код, я изменяю ваш carrera_id на carreraId, но вы можете использовать carrera_id .

HTML:

<td>
<select [disabled]="flagAsignaturasCupo" 
        [(ngModel)]="carrera.id" class="form-control"
         (ngModelChange)="getAsignaturasDocente(carrera.id)"
        id="carrera" name="carrera" required>
   <option value="0" selected>SELECCIONE UNA CARRERA</option>
   <option value="{{carrera.id}}" *ngFor="let carrera of carrerasdocente" 
   class="small">{{ carrera.descripcion }}</option>
</select>

Я использую ngModelChange (), потому что вы используете ngModel для привязки данных, поэтому вы можете использовать ngModelChange ().