Css angular2材料md无线电垂直

如何使一个有角度的2材质

md收音机

按钮垂直，并更改和默认颜色。我尝试了这个，但我无法使它垂直显示

我的密码：-

<md-radio-group  ng-model="data.group1" layout-align="start start">
    <md-radio-button ng-value="green" class="my-radio" *ngFor="let schedule of schedules" value={{schedule}} (click)="postSchedule(schedule)" ng-style="{'display':'list-item'}">{{schedule}}</md-radio-button>
</md-radio-group>

---

您可能必须尝试使用flex box属性。试试下面的代码

.my-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex-box;
    flex-direction: column;
}

---

Cf已删除此页面上适用于我的帖子：

您可以为md radio group添加自定义样式，如下所示

.radio-group {
  display: inline-flex;
  flex-direction: column;
}

---

为什么不试着在

示例

选项卡中这样做呢？我有棱角材料本身，我已经按照我的要求重构了代码。请注意，你不应该将

angular2

与

angularjs材料

混在一起！是的，谢谢你的建议。进行了必要的代码更改谢谢，@Scados它工作得很好。我能知道如何像其他颜色一样更改默认颜色而不是默认颜色粉色吗？是的，您可以使用浏览器检查元素并使用自己的样式进行更改。您可能需要对其他css值进行更改。

.radio-group {
  display: inline-flex;
  flex-direction: column;
}