Select - настройка отключенного выбранного параметра, а также наличие параметра привязанного * ngfor

Question

У меня есть фрагмент кода, который ведет себя не так, как я хочу.

По сути, я хочу, чтобы значение «Пожалуйста, выберите команду» было выбрано в качестве опции по умолчанию, поэтому мне не нужно назначать видимую метку выпадающему меню (надеюсь, это имеет смысл).

Код работает нормально, так как отображаются значения команд и отображается «Пожалуйста, выберите команду», однако в раскрывающемся списке выбирается первый элемент параметра * ngfor, а не параметр «Пожалуйста, выберите команду».

Кто-нибудь может пролить свет на это, пожалуйста?Я довольно новичок в Angular, так что будь нежным.

<label for="team" class="sr-only">Team </label>
  <select [(ngModel)]="model" autocomplete="off" required>
      <option value="default" disabled selected>Please select a 
Team</option>
      <option *ngFor="let team of teams" [value]="team.name"> {{team.name}}</option>
  </select>

Answer 1

Вам необходимо использовать привязку данных Angular для атрибута value. Измените value="default" на [value]="default". Также обязательно прочитайте этот угловой документ, чтобы узнать больше о привязке данных

Взгляните на этот стек и дайте мне знать, если это ваш ожидаемый результат

Answer 2

disabled не может быть selected одновременно.Выберите один.