如何隐藏“mat-select”下拉菜单

Question

今天的问候 从下拉列表中选择所需的值后，我试图隐藏下拉列表 这里的问题是设计师使用了“mat-select”（在 div 标签下）而不是“select”标签。 我尝试过的解决方案。 1 单击下拉菜单旁边的滚动按钮 2 只需点击一个空白屏幕（不可行，因为它可能会取消选择该值） https://material.angular.io/components/select/overview#multiple-selectionel 请注意，当“mat-select”下拉菜单打开时，它会隐藏其他元素的焦点。

Answer 1

为什么要简单地通过 id 选择下拉选项？
上方的下拉菜单中有 3 个选项：牛排、比萨、炸玉米饼。
他们的定位器相应地是：

mat-option[id=mat-option-0]
mat-option[id=mat-option-1]
mat-option[id=mat-option-2]

点击该选项将其选中，下拉菜单将关闭。