angularjs - Angular Material 中的按钮组

Question

我可以创建相同的功能吗
http://angular-ui.github.io/bootstrap/ (章节:按钮(ui.bootstrap.buttons)

使用 Angular Material ？

Angular-material 有单选按钮指令，但我不能使用它，因为我不想要标签左侧的“点”。

Angular-material 也有选择指令，但它不是相同的功能。

我还有其他选择吗？

Answer 1

@Bartłomiej 如文档中所述...从 V 1.0.5 开始
Grouping with CSS Overrides (一直向下滚动)。

您可以添加自定义类来覆盖主题并获得相同的结果。

@nitin，我检查了你的 Plunker，但它缺少一些 CSS，例如文档中示例中的 css，见下文，或检查我的 forked Plunker :

.md-button.left {
    border-radius: 10px 0 0 10px;
}
.md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96);
}
.md-button.right {
    border-radius: 0 10px 10px 0;
}
.md-button:not([disabled]):hover {
    background-color: rgba(193, 193, 193, 0.96);
    color: rgba(44, 65, 164, 0.96);
    transition: 0.3s;
}