角度材料タブngのクリックが実行されたときに、それはdiv要素をperticularに行く

Question

するlist.htmlをNGクリック

<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(); 
       } 
      }; 

で適切にアクティブなタブを強調表示しません。完全に表示されますが、アクティブ/選択されたタブは強調表示されません。ここに欠けているものは何ですか？

Answer 1

私は例を試してみましたが、私のブラウザで動作します。これはおそらくCSSの問題です。

角物質テーマに.md-activeクラスがあるかどうかを確認してください。

あなたはそれを持っていけない場合、あなたは[ `MD-active`]手動

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; 
}