Angular：输入上的选定指令不起作用

Question

我的模板中有以下 select ：

   <select class="form-control" formControlName="tipo" name="tipo">
       <option value="" selected disabled>(Select an option)</option> 
        <option value="FACT">Factura</option>
        <option value="NOCRE">Nota Crédito</option>
   </select>

但是，尽管我已将selected指令放在第一个指令中，但它不会显示用户是否不单击select 。 它的行为就像另一个option标签。

当组件在没有用户交互的情况下加载时，如何使此option可见？

Answer 1

由于“选择..”选项的值为"" ”，因此在其表单控件中设置值""

工作演示

试试这样：

this.yourForm= new FormGroup({
    'tipo':new FormControl(''),
});

Answer 2

为什么不添加 model：

在您的 class 中：

tipo: string = "";

在 HTML 中：

 <select [(ngModel)]="tipo" class="form-control">
       <option value="" selected disabled>(Select an option)</option> 
        <option value="FACT">Factura</option>
        <option value="NOCRE">Nota Crédito</option>
   </select>