我正在用有角度的材料做一个垂直步进器。问题是这个步进器将每个步骤的内容放在步骤标题下方，因此如果有很多步骤，它看起来会很糟糕，因为你必须滚动。
我的想法是将标题与内容分开，这样它看起来更像是侧导航，但具有角度材质功能。
这是我现在所拥有的：内容出现在标题下方的实际步进器 https://i.stack.imgur.com/6IrBY.png
这就是我想要的想要步进器，其中内容位于页面中央，步骤标题位于侧面 https://i.stack.imgur.com/awm2j.png
我尝试过像这样编辑标题：
mat-step-header{
display: flex ;
justify-content: flex-end ;
}
但它不起作用。
我不确定这在步进器上是否同样有效，但我在选项卡上做了类似的事情。
我使用服务在组件之间交换数据。如果您在同一位置使用内容和标题，您可以尝试使用 2 个步进器。
1 为标题，第二为内容。您应该能够隐藏第二个选项卡的标题和第一个选项卡的内容。在第一个选项卡上，您可以使用绑定到打字稿中的变量的 selectedIndex 。这样，一旦您更改变量，它就会转到该步骤。要更改变量，您可以创建一个函数 SelectionChange ，该函数将从标头步进器中获取步骤事件并更改变量。据我所知，步进器与选项卡类似。所以这应该有效。希望这可以帮助。
标头步进器(selectionChange)="selectionChange($事件)"
内容步进器[(selectedIndex)]="selectedIndex"
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
