angularjs – 角度材料设计md-tab滚动内容

2023年3月20日 226次阅读

这可能是一个简单的问题,但我是新手……

我试图有一个md-tabs元素占用整个屏幕,并且只有标签的内容滚动.
这是jsFiddle的一个例子

有任何想法吗？谢谢！

最佳答案 试试这个：

<body ng-cloak layout="column" ng-controller="AppController as app">
    <md-toolbar layout="row" class="md-toolbar-tools">
        <h1>Welcome!</h1>
    </md-toolbar>
    <div layout="column" flex>
        <md-tabs md-stretch-tabs="always" flex>
            <md-tab label="Tab1">
                add our larger-than-life content here
            </md-tab>
            <md-tab label="Tab2">
            </md-tab>
       </md-tabs>
    </div>
</body>

将flex属性添加到md-tabs将使内部选项卡(md-tab)的内容可滚动.

点赞