问题标签 [mat-option]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
43 浏览

angular - Mat-options 显示在 Angular Material(自定义主题)中的其他组件之后

源自这个问题: Change style Select Angular Material

我在使用 Angular Material 时遇到了这个问题,特别是mat-select它的mat-options:mat-options 显示在其他组件之后。

在此处输入图像描述

我需要在place holder下面的组件上方显示选项(隐藏它);不是之后也不是之间!对于这种情况,蓝色矩形应被绿色矩形隐藏。

这是我的代码:

https://stackblitz.com/edit/angular-ivy-buotqn?file=src%2Fapp%2Fcore%2Fcomponents%2Flayout%2Flayout.component.html

如何在选择的占位符下方和下方的组件上方显示选项列表?

0 投票
2 回答
39 浏览

angular - Angular:当使用 mat-select 时,当我按下 SPACE 按钮时,有没有办法不选择焦点项目?

通过查看,https://v5.material.angular.io/components/select/overview
有几个键盘交互。

  • 键盘交互
  • DOWN_ARROW:关注下一个选项
  • UP_ARROW:聚焦上一个选项
  • ENTER 或 SPACE:选择焦点项目

我能够停止整个交互,但我想要的是:
保留所有键盘交互,除了空格键

有没有办法做到这一点?
谢谢你。