обновить опцию выбора, используя модальное в угловом 2+.

Question

Как мне достичь?

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

Например: Ниже я написал пример кода в HTML, прямо сейчас в выпадающемзначение по умолчанию равно 1, если пользователь выберет 2, тогда модал должен быть открыт, и если пользователь выбрал кнопку сохранения, значение должно быть 2, в противном случае оно должно быть 1.

<form>
  <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  <select>
</form>

Answer 1

Просто прослушайте событие change в списке select:

<form>
  <select (change)="onChange($event.target.value)">
    <option value="null" disabled>Select an Option</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</form>

И выполните все необходимое в классе компонентов:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  modelValue: any;

  onChange(value) {
    this.modelValue = confirm(`Are you sure you want to update the model value with ${value}?`) ? value : this.modelValue;
    console.log('Model Value is: ', this.modelValue);
  }
}

---

Вот Рабочий образец StackBlitz для вашей ссылки.