在 md-tab 旁边但在选项卡 header 下方显示其他元素

Display other elements next to md-tab but below the tabs header

我是 Angular Material 的新手,刚刚发现 md-tabs 指令。我想知道是否有一种简单的方法可以将 non-md-tab 元素插入所有 md-tab 元素的左侧(或右侧),但位于选项卡 header 下方。 我正在寻找的样机:

我想我可以复制标记并将其插入到每个选项卡中,但这似乎不是一个非常实用的解决方案。在任何情况下,仅添加一个 non-md-tab 元素作为 md-tabs 的第一个 child 是行不通的。

编辑:我想到的另一个解决方案是根据在 header 区域中选择的元素手动加载选项卡内容 - 我知道该怎么做 - 但我会失去平滑过渡选项卡之间的动画。

我会为此使用指令,因为您必须将它包含在每个选项卡的内容中。它只会起到作用。

或者您可以仅使用 md-tabs 而无需将每个选项卡的内容都放入 md-tab。利用 md-tabsmd-selected 并以正确的方式激活您的 html 节点可见性。在这种情况下,您可以在左侧放置一些东西,因为您将定义布局。