2016-10-16 8 views
6

Użyłem materiału kątowego w moim bieżącym projekcie i napotkałem jeden problem przy użyciu zakładki kątowej materiału. Chcę użyć tej karty w pionie, ale nie działa ona prawidłowo. To tak, jakby wyrównanie było po prostu przerwą, To nie działa normalnie, jak chcę. Każdy może dać mi właściwe rozwiązanie, w jaki sposób mogę ustawić tę kątową zakładkę materiału pionowo?jak wyrównać pionowo zakładkę materiału kątowego?

HTML kod:

<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> 
+0

dokonać plunker tak że widzimy problemu –

+2

Nie ma Material Design spec kartach pionowych. Dlaczego nie skorzystać z bocznej nawigacji? – Roope

+0

@roope chcę używać zakładki funkcjonalnie za pomocą kątowego materiału. jeśli nie ma opcji, wtedy muszę użyć sidenav tutaj. tnx za komentarz na temat :) – erin

Odpowiedz

0

Zgodnie z aktualną wersją zakładkach materiału mogą być umieszczone na górze i na dole przez ustawienie atrybutu value.There ma opcji, aby ustawić go w pozycji pionowej.

Istnieje jednak usługa JS innej firmy, która może w tym pomóc.

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