如何使用带有按钮的角度材质选择(没有表单字段)

emm*_*bee 3 angular-material angular

我想使用mat-select不带 的角度材质组件mat-form-field,我希望它在概念上类似于本机选择元素。有办法实现吗?

emm*_*bee 6

一种简单的方法是使用 amat-menu并在单击按钮时更新触发器。

使用 mat-menu 组件进行演示

如果您不想使用菜单而是使用mat-select,这里有一个解决方案,它使用选择组件,并确保面板在打开时正确定位:

使用 mat-select 组件的演示

  1. 将 插入到组件selectbutton
  2. 选择位置和大小以覆盖按钮。
  3. 将不透明度设为select0,这样就看不到了。
  4. 调用open()Button 上的方法click