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

Question

我是 Angular Material 的新手，刚刚了解了 md-tabs 指令。我想知道是否有一种简单的方法可以将非 md-tab 元素插入到所有 md-tab 元素的左侧（或右侧），但在选项卡标题下方。 我正在寻找的样机：

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

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

Answer 1

我会为此使用指令，因为您必须将其包含到每个选项卡的内容中。它会很简单。

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