Как установить значение языковых полей на основе конкретной языковой опции, выбранной с помощью angular

Я сделал простой Stackblitz того, что вы ищете.

В основном вы привязываете свой выбор к переменной выбранный язык в вашем файле ts.

<div>
 <button *ngFor = "let language of languages" (click) = "selectLanguage(language)">{{language}}</button>
</div>

<select  [(ngModel)] = "selectedLanguage">
  <option *ngFor = "let language of languages" [value] = "language">{{language}}</option>
</select>

Вы также пишете небольшую функцию выбрать язык, чтобы установить ее через кнопки

export class AppComponent  {
  languages: string[] = [
    'en', 
    'de',
    'fr',
  ];

  selectedLanguage: string = 'en';

  selectLanguage(language: string): void {
    this.selectedLanguage = language;
  }
}

И все готово, ваш выбор будет обновлен при нажатии любой кнопки