2017-10-20 144 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