我正在用角形材料做垂直步进器。关键是该步进器将每个步骤的内容放在步骤标题的下方，因此，如果有很多步骤，它看起来很糟糕，因为您必须滚动。
我的想法是将标题与内容分开，这样看起来更像是sidenav，但具有棱角分明的材料功能。
在这里，您现在有我拥有的东西： actual stepper where the content appears below the header
这就是我想要的 wanted stepper where the content is in the center of the page and the steps headers in the side
我尝试通过编辑标题来进行以下操作：
ERROR in src/app/calendar/containers/calendar-shell/calendar-shell.component.ts(25,4): error TS2740: Type '{ title: string; start: Date; end: Date; allDay: boolean; id: number; }[]' is missing the following properties from type 'Observable<ModelEvent[]>': _isScalar, source, operator, lift, and 5 more.
但是它不起作用。
答案 0 :(得分：0)
我不确定这在步进器上是否可以使用，但是我在选项卡上也做了类似的事情。 我使用服务在组件之间交换数据。如果您在同一位置使用内容和标题，则可以尝试使用2个步进器。
1用于标题，第二用于内容。您应该能够隐藏第二个选项卡的标题和第一个选项卡的内容。在第一个选项卡上，您可以使用selectedIndex绑定到打字稿中的变量。这样，一旦您更改了变量，它将转到该步骤。要更改变量，您可以进行函数selectionChange，该函数将从标头步进器中获取步进事件并更改变量。从我所看到的，步进器类似于选项卡。所以这应该工作。希望这会有所帮助。
标题步进器 （selectionChange）=“ selectionChange（$ event）”
内容步进器 [（selectedIndex）] =“ selectedIndex”