Mat Select出现在页面底部

Question

尝试显示<mat-select>中包含的值列表时遇到问题。我在页面底部获得了所有选项列表，而不是在<mat-select>的箭头旁边显示它们。

Answer 1

包括一个主题，例如将此行添加到您的styles.css：

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

Answer 2

包括角度主题将解决您的styles.css问题 就像下面提到的那样 @import“ ~@angular/material/prebuilt-themes/deeppurple-amber.css”;