Materializecss选项卡无法正常工作

Question

在下面的代码中，我使用materializecss和angular-materialize

<div class="row">
<div class="col s12">
    <ul tabs>
        <li class="tab col s3"><a href="#company">company</a></li>
        <li class="tab col s3"><a href="#fleet">fleet</a></li>
        <li class="tab col s3"><a href="#user">user</a></li>
        <li class="tab col s3"><a href="#vehicle">vehicle</a></li>
        <li class="tab col s3"><a href="#poi">poi</a></li>
        <li class="tab col s3"><a href="#driver">driver</a></li>
        <li class="tab col s3"><a href="#sim">sim</a></li>
        <li class="tab col s3"><a href="#device">device</a></li>
    </ul>
</div>
<div id="company" class="col s12" ng-include="'pages/companies.html'"></div>
<div id="fleet" class="col s12" ng-include="'pages/fleet.html'"></div>
<div id="user" class="col s12" ng-include="'pages/user.html'"></div>
<div id="vehicle" class="col s12" ng-include="'pages/vehicle.html'"></div>
<div id="poi" class="col s12" ng-include="'pages/poi.html'"></div>
<div id="driver" class="col s12" ng-include="'pages/driver.html'"></div>
<div id="sim" class="col s12" ng-include="'pages/sim.html'"></div>
<div id="device" class="col s12" ng-include="'pages/device.html'"></div></div>


<script>
$(document).ready(function () {
    $('ul.tabs').tabs();
});</script>

问题在于，当我随机选择任何标签时，我总是会看到第一个标签。如果我按顺序逐个选择它们看起来不错，但我发现未选择的其他选项卡将继续显示在页面底部。 如果您有任何人能解决这一不便，我将非常感谢您的回答