最小化角度材质对话框

Posted 2021-04-13

谁能帮助我如何保持角度材料对话最小化，如下所示？我想打开多个对话框并能够在它们之间切换。这是可能的角度材料（我只能使用材料对话框组件打开堆叠对话框）？

答案

我想你应该开始在Codesandbox或Stackblitz创建至少一个bin。此外，定制现有和维护的官方库通常不是那么方便。相反，我建议你将数据传递给他们制作的另一个新组件，称为bottom-sheet。

新增/编辑：

您可以使用该组件来保持最小化，然后：

• 最终禁用关闭功能。
• 将它放在一边或切换到水平布局
• 然后你可以在它上面添加一个修饰符类

例：

.mat-bottom-sheet-container--horizontal .mat-nav-list { 
  display: flex
}

.mat-bottom-sheet-container--horizontal .mat-list-item {
  height: 45px;
  background-color: rgba(0,0,0,0.1);
  margin: 0 12px;
  padding: 0 12px;
}

显然你需要实现按钮来关闭/删除它们。