当前位置: 首页 > 知识库问答 >
问题:

当从多个面板列表之一单击时,将mat扩展面板设置为页面顶部

云宏儒
2023-03-14

我有一个场景,动态地我呈现面板通过ngFor循环与动态的mat内容在mat面板扩展和mat内容映射通过一个API响应异步,我只能显示一个面板扩展一次,附上我的问题视频和StackBlitz代码。很抱歉,我不知道如何解释我的问题,所以我张贴了一个视频我的问题。附加下面的代码段

https://www.screencast.com/t/g9ihgf9r-正如您所看到的,当我试图打开任何一个面板时,另一个面板已经打开了,我的面板内容和面板标题一起被隐藏起来。

https://stackblitz.com/edit/angula-cyvcxp?file=src%2fapp%2fexpand-expand-collable-all-example.ts

实际上,所有面板的mat内容都是由一个变量驱动的value

我想要实现的是,当我展开我的面板时,它不应该被隐藏,而应该被点击,面板应该在相同的地方打开,或者在页面的顶部得到它。

如有任何帮助,将不胜感激。

谢谢.

共有1个答案

洪鸿
2023-03-14

看起来你想要打开多个面板。

试试这个

 类似资料:
  • 在实现一个功能的同时,很可能需要界面上的 UI 交互,Cocos Creator 3D 也为扩展提供了这种能力。 在扩展里声明面板 在 package.json 里可以定义 panels 字段。 { "name": "hello-world", "panels": { "default": { "title": "world panel",

  • 问题内容: 我创建了一个框架,然后在其中创建了面板。我已经将图像放置在一个 面板中,现在我需要将该图像拖动到另一个面板中。我该怎么做。 请作为初学者逐步说明。 问题答案: 使用纯Java的快速示例DragGestureListener,DropTargetAdapter并 TransferHandler为一个面板上的图像对另一面板的DnD支持: 选择绿色形状并将其拖动到上方的空白面板后:

  • Cocos Creator 允许用户定义一份面板窗口做编辑器的 UI 交互。 定义方法 在插件的 package.json 文件中定义 panel 字段如下: { "name": "simple-package", "panel": { "main": "panel/index.js", "type": "dockable", "title": "Simple Pa

  • 我想做一个更大的分辨率/全屏,但我不知道我应该使用什么布局,你们能帮我选择一个更好的布局吗这是第一张图片的第一个代码 这一个,我想把它放在框架的中间,所有的都已经在面板上了,我怎样才能把它移到中间呢?这是第二张图片的代码

  • 我面临的问题与垫扩展面板。参见stackblitz https://stackblitz.com/edit/Angular-jmitne-mvbxcm?file=app/expansion-overview-example.ts 我为点击第2节添加了一个控制台日志。 步骤:单击section 2展开并单击段落文本,将调用Click事件。我们可以在控制台日志中看到这一点,这对我来说是一个大问题,因为

  • 我试图在我闪亮的应用程序中添加第二个inputpanel,其内容取决于第一个inputpanel选项的输入,我尝试使用Conditional panel,但运气不佳。 到 我的页面 #申请名称标题板(“dasboard”), #带有滑块输入的边栏,用于输入箱子数量 侧边栏 ... 我发现的解决方案是为第一个输入面板的每个值创建一个条件面板,但是第二个输入面板输出只对第一个值正确。 有人有解决办法吗