Question

我在模板中有以下选择：

   <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

由于“选择..”选项的值为""，因此请在其formcontrol中设置值""

Working Demo

尝试这样：

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

Answer 2

为什么不添加模型：

在您的课堂上：

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>

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

2 个答案: