Обновить значение в select в зависимости от другого поля в Angular 8

Question

Я пытаюсь обновить значение в select в Angular 8. Я обнаружил, что могу использовать:

$('#selectSeccion').val("SeccionOption");

Этот выбор следующий:

<select name="seccion" class="form-control" id = "selectSeccion">
   <option *ngFor="let seccion of seccion" [ngValue]="seccion">{{seccion.seccion}}</option>
</select>

jQuery код не работает, когда я использую выбор с Angular, работает только тогда, когда выбор нормален html, как следующий:

<select class="form-control" id = "prueba">
    <option value = ""></option>
    <option value = "other">other</option>
</select>

Как я могу обновить значение на " нг "выбрать?

Answer 1

На основании предыдущей рекомендации я могу обновить, используя Angular, что, кстати, всегда было лучшим способом. Нет jQuery. Я должен изменить свой выбор на следующий

<select name="seccion" class="form-control" id = "selectSeccion" [(ngModel)]="value" #ctrl="ngModel">
    <option *ngFor="let seccion of seccion" >{{seccion.seccion}}</option>
</select>

Добавление этого в тег выбора> [(ngModel)] = "value" # ctrl = "ngModel" и обновление файла ts следующими строками: value : string = '';

updatingFunction(){ this.value = "SeccionUpdated"; }

Я оставил это, если это кому-то нужно

Answer 2

Я бы не рекомендовал использовать jQuery вместе с Angular. Вы можете прочитать больше об этом здесь: http://www.learnangularjs.net/using-jquery-with-angular.php

Самый простой способ

компонент. html:

<select [(ngModel)]="selectModel" (change)="selectionChange()">
    <option [value]="seccion" *ngFor="let seccion of seccions"> {{seccion}}</option>
</select>

component.ts :

selectionChange() {
    console.log(this.selectModel)
}

изменение параметра selectModel также приведет к изменению выбора.