Angularjs 是否可以在角材质选项卡之间添加垂直分隔符？

客户要求我们在棱角材质选项卡之间添加一条垂直线。虽然这似乎令人不快，但我们无法想出如何做到这一点。
以下是一个例子：

---

我们已经尝试过角度md分隔符，但这似乎只适用于需要水平线的垂直列表。非常感谢您的帮助。

将自定义样式添加到

md分隔器中

---

在我看来，仅仅为了样式而添加标记是错误的。我要么使用边框，要么使用伪元素

.md-tab {
  border-right: 1px solid red;
}

.md-tab:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
  background: green;
}

.md-tab:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
  background: green;
}

要隐藏最后一个选项卡的边框，您可以使用Angular的

$last

添加一个类并将其作为目标（或者如果您不使用

ng repeat

，则手动添加它）

---

难道你不能调整css，在左边的视线中添加一个边框，然后在第一个孩子身上删除它吗？我在这里尝试过，但没有成功：

ng-class="{'last-tab-class': $last}"

.md-tab.last-tab-class {
  border-right: none;
}