单击底线时仅选择垫子

Question

我从Angular材质（TS）中实现了Mat-Select，并注意到了有趣的行为。下拉菜单只有在单击mat-select的底行时才打开，并且我知道在使用Mat-select字段之前，它是在我单击字段的任何位置时打开的。有什么问题吗？

  <mat-form-field>
    <mat-label>Toppings</mat-label>
    <mat-select [formControl]="toppings" multiple>
      <mat-option *ngFor="let topping of toppingList" [value]="topping">{{
        topping
      }}</mat-option>
    </mat-select>
  </mat-form-field>

Answer 1

  

来自文档   https://material.angular.io/components/select/overview

---

可能是缓存问题，或者动态数据必须延迟加载（添加条件可能会有帮助）

  

Stackblits-
  https://stackblitz.com/angular/rdlobdgvqok?file=src%2Fapp%2Fselect-overview-example.ts

<h4>Basic native select</h4>
<mat-form-field>
  <mat-label>Cars</mat-label>
  <select matNativeControl required>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
</mat-form-field>

这肯定会解决您的问题