Angularjs 在md选项卡旁边但在选项卡标题下方显示其他元素

我对Angle Material不太熟悉，刚刚了解了md tabs指令。我想知道是否有一种简单的方法可以插入一个非md tab元素，使其位于所有md tab元素的左侧（或右侧），但位于tabs标题下方。 我正在寻找的模型：

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

---

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

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

---

也可以只使用

md选项卡

，而不将每个选项卡的内容放入

md选项卡

。使用

md选项卡的
md selected
，以正确的方式激活html节点的可见性。在这种情况下，您可以在左侧放置一些内容，因为您将定义布局。
您的第二个建议也是我认为最好的。我唯一不知道的是如何为选项卡更改自己编写动画脚本。但我想这不应该太难，动画也可以很容易地完成，不用担心。也许只需要一点阅读就可以了。