2017-05-04 69 views
0

如何製作垂直2材質MD單選按鈕垂直和更改和默認顏色。我想這link,我不能夠使它顯示垂直anguar2材料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> 

CSS: -

md-radio-button ._md-container { 
    top: 0; 
    transform: translateY(0); 
} 
+0

你爲什麼不嘗試做怎麼樣[角料2](https://material.angular.io/components/component/radio)做它在'Examples'標籤? – Edric

+0

我有角材料本身,我已根據我的要求重構了代碼。 – suresh

+0

請注意,您不應該將'angular2'與'angularjs-material'混合! – Edric

回答

0

您可能必須嘗試使用​​柔性框屬性。嘗試下面的代碼

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

謝謝,@Scados它工作正常。我能否知道如何將默認顏色更改爲另一種顏色而不是默認顏色粉紅色? – suresh

+0

是的,您可以使用瀏覽器檢查元素,並使用自己的風格進行更改。您可能需要對其他css值進行更改。 – Kirubel