опция статического углового выбора

Question

<input  [formControl]="twitterHandle" id="twitterHandle" placeholder="twitterHandle">

там я получаю ввод через это и используя следующий код, получаю входное значение

twitterHandle=new FormControl();
twitterHandle:this.twitterHandle.value,

аналогично, мне нужно добавить статический выбор выбора, чтобы сформировать, как это сделать и как редактировать следующее

<select>
   <option value="option">country1</option>
      <option value="option1">Sri lanka</option>
      <option value="option2">Canada</option>
</select>

Answer 1

Вам просто нужно определить другой formControl:

selectControl : FormControl = new FormControl();

, и вы можете инициализировать элемент управления:

  ngOnInit(){
    this.selectControl.setValue('option')
  }

В вашем шаблоне

<form>
  <select [formControl]='selectControl' (change)='test()'>
  <option [value]='"option"'>Option1</option>
  <option [value]='"option1"'>Option2</option>
</select>
</form>

выможно проверить изменения значений в test(), как указано ниже:

  test(){
  console.log(this.selectControl.value);
  }

Вы можете увидеть пример: https://angular -wytvwr.stackblitz.io

Надеюсь, это поможет