2017-10-20 143 views
0

我是AngularJS Material的新手,我試圖讓mdDialog工作,但卻遇到了md-tabs的一個奇怪問題。我的標籤很長,滾動/分頁不起作用。如果我將我的md-tab標籤更改爲標籤=「Part {{$ index + 1}}」之類的簡短標籤,則效果很好。AngularJS Material md-tab滾動不起作用

我需要什麼,以更改標籤滾動工作

<md-dialog-content> 
    <md-tabs md-dynamic-height md-border-bottom md-selected="tabIndex"> 
    <md-tab ng-repeat="x in data.sections track by $index" label="{{x.section_name}}"> 
     <!-- content goes here ---> 
    </md-tab> 
    </md-tabs> 
</md-dialog-content> 

下面是什麼我的對話框看起來像一個快照。由於某種原因,兩個滾動箭頭都被禁用,我無法弄清楚如何解決這個問題。

enter image description here

+0

你可以使用標籤來創建一個快速瀏覽器來演示這個嗎? –

+0

嗨Vijay,我會盡量在這個週末做一個,謝謝!只是爲了提供更多的上下文,當我使標籤變長 - label =「{{$ index + 1}}。{{x.section_name}}」時,下一個和上一個按鈕變得活躍,必須奇怪,對話框不能識別最後一個部分隱藏選項卡的寬度。雖然我找到了一個解決方案(完全不是理想的),但我仍然想要一個更優雅的解決方案。謝謝! – Dave

+1

請檢查此鏈接。在github鏈接中有一個問題:https://github.com/angular/material/issues/5794這就是爲什麼只是想檢查你的代碼。 –

回答

1

維傑的回答上述固定我的問題:

請檢查該鏈接爲好。在github鏈接中有一個問題:github.com/angular/material/issues/5794