Html 我的默认选项don'；我的选择中没有显示

我有一个选择，但默认选项“Primeiro filtro”不显示：

我的模板：

<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>

---

看看这里，试着适应。希望这有帮助

.html

{{type}}

.ts

types:Array=[“默认选项”、“第一选项”、“第二选项”]
selectedType=this.types[0]；

试试这个。希望它对您有用：）

Primeiro filtro
待办事项
蒂波德安西奥酒店

您可以尝试在选项标签中设置您想要的默认选项。

selected=“selected”

。可能重复的@Tenzolinho似乎是您忘记保存stackblitz

controlaRadios: any = "Primeiro filtro"

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

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

  <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>