如何垂直对齐角度材料标签？

Question

我在当前项目中使用了角度材料,在使用角度材料选项卡时遇到了一个问题.我想垂直使用此选项卡,但它无法正常工作.这就像对齐只是休息,它不能正常工作,因为我想要.任何人都可以给我一个合适的解决方案如何垂直固定这个角度材料标签？

HTML代码:

 <md-content class="md-padding" >
                    <md-tabs class="md-accent" md-selected="data.selectedIndex" layout="row">
                      <md-tab id="tab1" >
                        <md-tab-label>Item One</md-tab-label>
                        <md-tab-body>
                          View for Item #1 <br/>
                          data.selectedIndex = 0;
                        </md-tab-body>
                      </md-tab>
                      <md-tab id="tab3">
                        <md-tab-label>Item Three</md-tab-label>
                        <md-tab-body>
                          View for Item #3 <br/>
                          data.selectedIndex = 2;
                        </md-tab-body>
                      </md-tab>
                      <md-tab id="tab3">
                        <md-tab-label>Item Three</md-tab-label>
                        <md-tab-body>
                          View for Item #3 <br/>
                          data.selectedIndex = 2;
                        </md-tab-body>
                      </md-tab>
                    </md-tabs>
                </md-content>

Answer 1

根据当前版本的材质选项卡，可以通过设置属性值将其放置在顶部和底部。没有选项将其设置为垂直。

然而，有第三方 JS 可以帮助你解决这个问题。

https://angular-ui.github.io/bootstrap/#/tabs