仅显示活动的md-tab

Question

我正在尝试仅在移动视图的md-tabs中显示活动标签。我希望选项卡居中，当用户向左或向右滑动时，标签标题会随着下一个或上一个变化（不知何故应该是100％宽度）。这可能吗？

我的标签设置如下：

<md-toolbar>
    <md-tabs md-swipe-content="true" md-selected="selectedDayIndex">
        <md-tab ng-repeat="day in days | orderBy:predicate:reversed" md-on-select="openDay(day)"><p class="currentDay">{{day.day}}</p></md-tab>
    </md-tabs>
</md-toolbar>

<md-content layout-padding>
    <ng-switch on="selectedDay" class="tabpanel-container">
        <div>
            <p>{{selectedDayInfo.day}}</p>
        </div>
    </ng-switch>
</md-content>

请参阅以下Plunkr：http://plnkr.co/edit/FQzOFEZLi6ReAuJninxA?p=preview

Answer 1

我会玩“隐藏”属性 - https://material.angularjs.org/latest/layout/options。

同样很容易（不看你的代码）只是创建可以检测屏幕大小的逻辑，并从那里创建不同的DOM元素（ng-show等）。