Angular 如何制作单独的角度材料步进标题和内容？

我正在用角材料制作垂直步进机。问题是，这个步进器将每个步骤的内容放在步骤标题下，因此如果有许多步骤，它看起来很满，因为您必须滚动

我的想法是将标题与内容分开，这样它看起来更像一个侧导航，但具有角度材质功能

这是我现在拥有的：

这就是我想要的

我尝试过这样编辑标题：

垫台阶式割台{ 显示器：flex； 证明内容：柔性端； }

---

但它不起作用。

我不确定这在步进机上是否也起作用，但我在选项卡上做了类似的事情。 我使用服务在组件之间交换数据。如果在同一位置使用内容和标题，可以尝试使用2个步进器

标题为1，内容为2。您应该能够隐藏第二个选项卡的标题和第一个选项卡的内容。在第一个选项卡上，您可以使用绑定到typescript中变量的selectedIndex。因此，一旦您更改变量，它将转到该步骤。要更改变量，您可以进行函数选择change，该函数将从收割台步进器获取步骤事件并更改变量。从我所看到的步进器类似于标签。所以这应该行得通。希望这有帮助

割台步进机 selectionChange=selectionChange$事件

内容步进器

---

[selectedIndex]=selectedIndex

你把它们放在不同的组件中吗？不，我把它们都放在同一个组件中。它起作用了！我不知道这是否是最好的解决方案，但现在它已经奏效了。谢谢