问题标签 [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.

0 投票
0 回答
139 浏览

angular-material - 如何管理角材料垫扩展面板中的扩展动作

https://stackblitz.com/edit/planificador?file=src/app/planificador/components/sidenav/sidenav.component.ts

在 MainContentComponent 中,我有这个垫子扩展面板

我在哪里展示另一个组件

应用历史

当我双击网格时,我想关闭垫子扩展面板,所以我这样做

在那个服务中,我有这个

}

然后我在 MainContentComponent 订阅这个

每次我在网格中双击时,this.isExpanded 中的值都会更新为 false,但垫子扩展面板永远不会关闭

请问有什么想法吗?

谢谢

0 投票
1 回答
77 浏览

angular - Material ui扩展面板无法单击其中的自定义按钮

在 a<mat-expansion-panel>的描述中,我有 3 个图标作为按钮。图标有显示但不能点击,基本都在扩展面板下面。z-index方法不起作用。我发现的一个解决方案是给图标按钮这个属性pointer-events: visiblefill !important;。虽然可以使用此属性单击图标,但每次单击其中一个时,它也会展开面板。

PS我也有这些全局属性,只能通过使用箭头按钮来限制扩展:

0 投票
0 回答
49 浏览

angular - 使用 Angular mat-expansion 面板时无法在单词之间添加空格

text fieldmat-expansion panel. space输入单词时无法添加Dinbert Syndrome。当我点击空间down arrow open the panel

Below is the image after typed 1st word (Arrow is intact and downwards)

在此处输入图像描述

When pressed space, no space is applied but panel opens (arrow upwards)

单击空格时,面板打开但未应用空格

预期-Dinbert Syndrome

我得到的文字-DinbertSyndrome

.html

内部编辑.html

.ts

注意- 我的 selenium-protractor 端到端测试因此失败。

0 投票
1 回答
47 浏览

css - 当面板缩小时,mat-panel-description 不适合

我的 HTML 中有一个垫子面板,它的描述从 TS 中获取一个变量来填充。问题是,然后我缩小面板并且描述太长,文本在顶部和底部被剪切。我怎样才能做到这一点,当面板收缩时,它被迫收缩不超过描述的总高度?

HTML:

0 投票
1 回答
70 浏览

angular - 如何保持其中一个扩展面板始终在手风琴中展开?

我有一个带有 3 个扩展面板的手风琴。我想始终保持至少一个面板打开。即,我不希望用户关闭所有面板。

如何做到这一点?

提前致谢。

0 投票
0 回答
25 浏览

angular-material - Angular Material Mat-expansion-panel with Sort table in Each expansion

我有一个来自服务的动态列表。基于列表 mat-expansion-panel 使用.. multi 标志被启用,因此可以一次打开多个面板。在每个面板的打开事件中,打开一个排序表并实现排序。但我只能在第一个面板扩展中对表格进行排序。如何创建动态数据源。我们应该创建 n 个动态数据源吗?有人能指点我一个完整的例子吗...

0 投票
1 回答
29 浏览

angular - Angular MatAccordion 默认显示为平面

我在我的应用程序中使用 mat-accordion 组件,但是即使此处的文档中明确说明了它-> https://material.angular.io/components/expansion/overview#expansion-overview默认显示模式是边框+提高。当我在我的应用程序中从上面的链接运行扩展面板的示例代码时,它显示为平面。当我尝试将 displayMode 属性显式设置为“默认”时,它显示为平面。我错过了什么?

0 投票
2 回答
19 浏览

angular - 角路由打开扩展面板

首先,我是 Angular 的新手,只学习了大约一个月,所以我有一个快速的问题,我似乎找不到任何相关内容。因此,我尝试使用 routerLink 从一个页面转到另一个页面,但我也希望该页面在到达所需页面后打开一个扩展面板。我的扩展面板没有以任何方式显示在控制台中,它只有基本信息。单击 routerLink 后,我是否必须创建一个方法才能打开选项卡?

提前致谢!