angular - 使用表单控制类时，下拉列表的外观正在发生变化 - Angular

Question

我正在使用使用星云主题的 ngx-admin 模板

我正在工作下拉验证。为此，我正在使用class="form-control". 当我使用表单控件类时，下拉列表的外观正在发生变化。

如果使用表单控件，它看起来像这样。

没有表单控制，它看起来像

<div class="form-group row">
  <label for="title" class="label col-sm-3 form-control-label">Title :</label>
    <div class="col-sm-9">
       <nb-select  id="title" formControlName="titleName" (change)="changeTitle($event)" placeholder="Select" >
         <nb-option *ngFor="let title of Title" [value]="title">{{title}}</nb-option>
       </nb-select>
    </div>
</div>

还可以帮助我进行下拉验证。我没有实现

Answer 1

我没有使用材料，而是检查 form-control 属性背后的样式。也许它有一些填充。一个简单的解决方案是在 css 中覆盖该选择器。

祝你好运！