角度材质选项卡不会通过ng-click正确突出显示活动选项卡

Question

list.html

<md-content sticky>
        <md-tabs md-dynamic-height>
            <md-tab label={{menu.name}} ng-repeat="menu in menuItems" ng-click="gotoDiv(menu.name)">
            </md-tab>
        </md-tabs>
    </md-content>

list.js

$scope.gotoDiv = function(x) {
                var newHash = 'anchor' + x;
                if ($location.hash() !== newHash) {
                    $location.hash('anchor' + x);
                } else {
                    $anchorScroll();
                }
            };

因此，当执行ng-click时，它会完美地转到特定div，但它根本不会突出显示活动/选定的选项卡。那么这里有什么遗漏吗？

Answer 1

我试过这个例子并在我的浏览器中工作，可能是一个CSS问题。

检查角度材质主题中是否有.md-active类。

如果您没有，可以手动为标签添加.md-active CSS代码

md-tabs .md-tab.md-active {
    color: rgb(63,81,181);
}
.md-tab.md-active {
    cursor: default;
}
md-tab-item.md-tab {
    font-size: 12px;
}