问题标签 [mat-expansion-panel]
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.
angular - 强制 mat-expansion-panel 溢出容器元素
我有mat-expansion-panel一个mat-card. 扩展面板包含mat-chip-list50-60个mat-chip元素。
当我展开这个面板时，我所有的mat-card对象都被向下拉伸，并且芯片一个一个地显示在一个列中。
我想要做的是让扩展面板显示在其容器的顶部，这样用户就可以一次看到所有的垫子，而不必向下滚动一堆。
这是我所看到的：
这是复制我所看到的代码： https ://stackblitz.com/edit/angular-ivy-8lx7gr
我对实现这一目标的替代方法持开放态度。
reactjs - 如何删除扩展面板子项或元素之间的额外空间？
如您所见，扩展面板有复选框和收音机。我想让他们之间的距离更近一些。
我没有办法做到这一点。我在这里使用 Material UI。请帮我解决一些问题。
html - 如何修复 mat-select 中的 mat-expansion-panel 自动折叠？
我在我的 mat-select 中使用 mat-expansion-panel。我第一次打开mat-select，没关系。但是当我点击mat-select关闭mat-select
并点击mat-select第二次重新打开它时，我mat-expansion-panel的已关闭，我必须双击才能打开它，但不能单击重新打开 mat-expansion-panel。你能帮助我吗？谢谢 ！
angular - 如何自动将扩展面板内容中的编辑器聚焦到以角度打开扩展面板？
我有一个带有“写响应”标题的扩展面板。打开扩展面板时，我有一个羽毛笔编辑器。
我需要将鹅毛笔编辑器集中在扩展面板上。
我试过自动对焦，cdkFocusInitial，(focus)="myMethod()"，还是不行。有人可以帮忙吗？
谢谢。
css - 如何根据屏幕宽度切换垫扩展面板？
我有一个扩展面板，需要在某些媒体设备上关闭。例如，如果网络应用程序在移动设备中，我想收缩扩展面板，如果在桌面应用程序中，我想扩展它。我怎样才能达到这个要求？
这是我使用的垫子扩展面板
我研究可以通过在 css 中使用 @media 属性来做到这一点。
帮助将不胜感激。提前致谢。
angular - 如何从扩展面板跳过标签顺序？
我在 mat-expansion-panel 中有输入字段。按tab键时，tab顺序包括mat-expansion-panel。所以我设置了 tabindex=-1 但在按下 tab 键时仍然没有跳过 mat-expansion-panel 。
按tab键时，光标移动如下
但我想跳过 Peronal 数据扩展面板，我希望光标移动如下
tabindex=-1 不起作用。我怎样才能做到这一点？这里是stackbiz
angular - 如何更改角垫扩展面板方向
我正在使用角材料组件“mat-expansion-panel”。此组件的默认打开方向是向下。我希望面板以不同的方向（左、右、上）打开我该怎么做。
angular - 切换外部面板时如何将内部扩展面板状态触发为 panelOpenState = false？
我想通过单击另一个外部面板来关闭嵌套面板。我尝试的解决方案是：给定一个 id: #child1 并尝试使用外部 (click)="child1._toggle()" 的标题/面板上的单击事件触发它但是，它没有用。有什么建议么？
这是问题的链接。
angular - 如何以角度扩展基于单击按钮的mat-expansion-panel？
我有一个带有扩展面板的组件，现在，单击所有选项卡按钮，在下面的正文部分中，所有 mat-expansion-panel 正在完美扩展，我期望的是：如果我们单击 B 选项卡它应该是活动的，B字母垫扩展面板只需要扩展，点击C选项卡它应该是活动的，C字母垫扩展面板只需要扩展。基于“字母表和点击标签”，它应该展开。
angular - 垫扩展板。试图显示 2 列迭代对象，但使用 flexLayout="row" 时只有第一次迭代可见
尝试显示对象的 2 列时出现奇怪的错误。扩展面板显示正常，虽然它没有像我想要的那样填充容器，但只显示对象的第一项。我知道我正在控制台日志中获取对象。我认为这是格式问题。有任何想法吗？
ts文件
css
我知道我有很多东西要学，尤其是 CSS，但是这个项目有截止日期，所以我希望能得到一些快速的灵感。