显示md-tab旁边但在标题标题

Question

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

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

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

Answer 1

我会使用指令，因为您必须将其包含在每个标签的内容中。它只会做到这一点。

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