标签[mat-option] - 堆栈内存溢出

我使用创建了一个下拉列表<mat-select>带有列表的搜索选项，当我在搜索框中单击空格按钮时，它会自动选择一个列表项</mat-select> - I created a dropdown using<mat-select>with search option for list,When I clicks on space button in searchBox it is automatically selecting a list item

描述：我创建了一个下拉列表，其中包含项目列表和列表中的一个搜索字段。这样用户就可以搜索列表中的项目，而不是在下拉菜单中滚动浏览大列表。并且可以 select 列表中的项目。问题：尝试在搜索框中搜索列表项时。如果我想在搜索时在搜索框中留出空间。它不会在文本框中留出空间，而是自动在 selec ...

所选选项未定义 - 角度材料 - Selected option is undefined - Angular material

我想从列表中知道用户选择了哪些选项。在这两种方式中，事件/对象都是未定义的。最好的方法是什么？我的第一种方式：第二个： ...

Angular，mat-option，带空格的文本格式 - Angular, mat-option, text format with spaces

我需要在<mat-option>内显示文本，并在单词之间留出空格数。例如'word1__word2' 之间必须有两个空格。我可以通过用&nbsp;替换空格字符来做到这一点。 . 但是如果我从一个方法返回一个字符串，这就不起作用了： .ts: .html: 因此，如果我从 ...

打开 mat-autocomplete-panel 时，如何在 hover 上设置默认的 mat-option 值？ - How to set a default mat-option value on hover when a mat-autocomplete-panel is opened?

在 Angular 14 中，我使用了 Material 中的 mat-autocomplete 组件。选择一个选项后，如果用户再次单击自动完成输入，将再次显示所有可用选项的下拉列表，但所选选项不在 hover 上。相反，焦点回到了第一个条目列表。当下拉菜单出现时，我们如何强制特定的 mat- ...

Angular JS：单击垫选择后显示垫选项值 - Angular JS: Showing the mat-option values after clicking the mat-select

下午好！这些天我一直在做一个基于口袋妖怪的项目。我现在要解决的问题是在单击相应的垫子选择后能够显示垫子选项。获取训练师姓名数组和宠物小精灵数组的函数（在 service.ts 上）用于订阅宠物小精灵和训练师名称的函数，以及用于将训练师名称分配给 getPokemonsOfATrainer f ...

根据 *ngIf 中的条件更改 mat-option 的值 - Changing value of mat-option based off a conditonal in *ngIf

当涉及到我的mat-option时，我有两个值选项我想根据我拥有的两个变量在我的 html 中设置一个条件： public SentDate; public CurrentDate; 我从日期选择器中获取这些值。我想要的结果是，如果日期相同，如果不显示tempTime ，则在mat-option ...

mat-select 多选选项仅单击复选框 - mat-select multiselect option click only on checkbox

我想创建一个下拉菜单，其中包含我的多选垫选项，并且每个垫选项上都有单选按钮。我面临的问题是我无法理想地点击单选按钮。单击任何选项时，无线电会自动被选中，如果我 select 另一个无线电选项，它会取消选择该字段。像这样的东西在此处输入图像描述有什么办法可以做到这一点？ ...

Mat Select 选项无法获取数据 - Mat Select option cant get data

我有这段代码，我可以在其中查看选项，但在选择它时无法获取值，它只是显示为空白。我只能查看状态选项..有人知道如何解决这个问题吗？ HTML 文件 <div class="main-content" *ngIf="selectedTask"> <div class="contai ...

防止 Mat-Option 关闭下拉菜单 - Prevent Mat-Option from closing the dropdown

我想知道如果选择了一个垫子选项，是否可以阻止关闭下拉菜单？我在 click 事件上使用 stopPropagation 和 preventDefault ，但它不起作用。请看下面的代码。实际行为：单击“Toyota”关闭下拉菜单预期行为：点击“Toyota”不应关闭下拉菜单欢迎任何帮助。 ...

如何检查是否选择了选项值？角 - How to check if option value was selected? Angular

我需要你的帮助。我有一个带有 mat-autocomplete 的模板，我在其中搜索元素并且我有option元素 - 每个单独的元素。我的目标是编写逻辑：如果我选择了一个元素，我的输入应该被禁用。请告诉我如何检查 mat-autocomplete 中是否选择了某个元素？非常感谢） HTM ...

Angular mat-select，为项目列表和选定项目设置不同的模板 - Angular mat-select, Set different template for items list and selected item

我在 Angular 中使用垫选项，如下所示：我希望 mat-select 列表中的模板与 mat-form-field 中所选项目的模板不同。例如，如果我选择Banana ，mat-form-field 将显示您选择的：Banana但列表中的项目仍然只是 Banana。 ...

Angular：使用mat-select时，有没有办法在我按下空格键时不让select成为焦点？ - Angular: When using mat-select , Is there a way to not select the focused item when I press SPACE button?

通过查看， https://v5.material.angular.io/components/select/overview 有几种键盘交互。键盘交互 DOWN_ARROW：关注下一个选项 UP_ARROW：聚焦上一个选项 ENTER 或 SPACE：Select 重点项目我能够停止整个互动， ...

垫选项显示在 Angular 材料（自定义主题）中的其他组件之后 - Mat-options are shown after other component in Angular Material (Custom Theme)

源自此问题：更改样式 Select Angular 材料我在使用 Angular 材料时遇到了这个问题，特别是使用mat-select及其mat-options ：mat-options 显示在其他组件之后。我需要在下面组件上方的place holder之后显示选项（隐藏它）；不是之后也不是 ...