Опция выбора по умолчанию не отображается

Question

У меня есть один выбор, который мне нужен, чтобы поставить опцию выбора по умолчанию, но она не отображается в моем шаблоне.

Я пытался:

<div class="select">

    <select (change)="calculaMes(mesEscolhido)" [(ngModel)]="mesEscolhido" name="selectMesEscolhido"
    class="select-text">
       <option class="dropdown-item" disabled selected value>Teste</option>
       <option [hidden]="datasComMovimentacoes[x].data == mesEscolhido" *ngFor="let mes of datasComMovimentacoes;let x = index"
       class="dropdown-item">{{mes.data}}</option>
    </select>

   <span class="select-highlight"></span>
   <span class="select-bar"></span>

</div>

Я не верю, что этовызвано моим CSS, но это мой CSS:

 .select {
    font-family:
      'Roboto','Helvetica','Arial',sans-serif;
      position: relative;
      width: 100%;
      margin-top: 5%;
      font-size: 18px;
      color: #757575!important;
  }

  .select-text {
      margin-top: 10%;
      position: relative;
      font-family: inherit;
      background-color: transparent;
      color: #757575!important;
      width: 100%;
      font-size: 18px;
      border-radius: 0;
      border: none;
      border-bottom: 1px solid rgba(0,0,0, 0.12);
  }

  /* Remove focus */
  .select-text:focus {
      outline: none;
      color: #757575!important;
      border-bottom: 1px solid rgba(0,0,0, 0);
  }

      /* Use custom arrow */
  .select .select-text {
      appearance: none;
      color: #757575!important;
      -webkit-appearance:none
  }

Это мой результат в шаблоне:

Answer 1

Параметр по умолчанию будет выбран, если для атрибута value тега параметра установлено значение по умолчанию свойства selectedOption вашего компонента.Допустим, вы не инициализировали свойство selectedOption, тогда по умолчанию его значение будет undefined.И так, этот атрибут value тега option должен быть undefined в этом случае.

...
<option class="dropdown-item" disabled selected value="undefined">Select an Option</option>
...

Вот вам Sample StackBlitz для вашегоисх.

Answer 2

кому интересно, это не показывать, потому что мой * nyif.я изменился на [скрыто], и теперь у меня есть ожидаемый выбранный ярлык.я не знаю почему