làm thế nào để căn chỉnh góc vật liệu góc theo chiều dọc?

Question

Tôi đã sử dụng vật liệu góc trong dự án hiện tại của mình và tôi gặp phải một vấn đề khi sử dụng tab vật liệu góc cạnh. Tôi muốn sử dụng tab này theo chiều dọc nhưng nó không hoạt động đúng cách. Nó giống như liên kết chỉ là phá vỡ, Nó không hoạt động bình thường như tôi muốn. Bất cứ ai cũng có thể cho tôi một giải pháp thích hợp làm thế nào tôi có thể cố định tab vật liệu góc này theo chiều dọc?

HTML code:

<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

Theo phiên bản hiện tại của các tab Chất liệu có thể được đặt trên đỉnh và đáy bằng cách thiết lập thuộc tính value.There có tùy chọn để cài đặt nó thẳng đứng.

Tuy nhiên, bên thứ ba JS có thể giúp bạn với điều này.

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