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

Question

У меня есть один выбор, но опция по умолчанию "Primeiro фильтро" не отображается:

Мой шаблон:

<div class="select">

  <select [(ngModel)]="controlaRadios" name="tipoDoProdutoName" class="select-text">
    <option class="dropdown-item" disabled selected value>Primeiro filtro</option>
    <option value="1" class="dropdown-item">Todos</option>
    <option value="2" class="dropdown-item">Tipo de anúncio</option>
  </select>

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

</div>

TS:

controlaRadios: any = "Primeiro filtro"

Answer 1

Попробуй это.Надеюсь, у вас это получится :)

  <select [(ngModel)]="controlaRadios" name="tipoDoProdutoName" class="select-text">
    <option value="Primeiro filtro" class="dropdown-item">Primeiro filtro</option>
    <option value="1" class="dropdown-item">Todos</option>
    <option value="2" class="dropdown-item">Tipo de anúncio</option>
  </select>

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

</div>

Answer 2

Взгляните сюда и попробуйте адаптироваться.Надеюсь, это поможет.

.html

<select class="form-control" type="text" [(ngModel)]="selectedType">
        <option *ngFor="let type of types" [ngValue]="type">{{type}}</option>
</select>

.ts

types: Array<Object> = ['Default option', 'First option', 'Second option']
selectedType = this.types[0];