Javascript 有错误，无法读取未定义的哈希

我正在尝试在我的主页上设置ECSS的标签。要初始化它，我必须使用

$('ul.tabs').tabs();

在文档准备就绪后，出现该行错误

TypeError: Cannot read property 'hash' of undefined

以下是我的代码：

'use strict'

angular
    .module('app')
    .controller('HomeController', HomeController);

HomeController.$inject = ['$rootScope','$scope'];

function HomeController($rootScope,$scope) { 
    var vm = this;
    vm.title = "Supreme Kinetic";
    $rootScope.home_default = true;
    vm.tab_menu =   [
                        {name:'Chair',disabled:'',active:'',id:'chair', icon:'event_seat'},
                        {name:'Electric Kettle',disabled:'',active:'active',id:'electric_kettle',icon:'opacity'},
                        {name:'Cutleries',disabled:'',active:'',id:'cutleries', icon:'card_travel'},
                        {name:'Reward',disabled:'disabled',active:'',id:'reward', icon:'redeem'}
                    ];

    angular.element(document).ready(function () {
        $('ul.tabs').tabs();
    });
}

home.html

<ul class="tabs">
    <li class="tab col s3 {{tab.disabled}}" ng-repeat="tab in vm.tab_menu"><a class="{{tab.active}}" href="#{{tab.id}}"><i class="material-icons tab_icon">{{tab.icon}}</i><div class="tab_text">{{tab.name}}</div></a></li>
</ul>
<div ng-repeat="tab in vm.tab_menu" id="{{tab.id}}">
    <div class="row">
        <div class="card col l3">
            {{tab.name}}
        </div>
    </div>
</div>

{{tab.name}

---

我使用angular.element（document）.ready和（“$viewContentLoaded'，function（）”）上的$scope.$on（“$viewContentLoaded'，function（）”）搜索了许多解决方案的加载方式，但它们都给出了相同的错误。我做错了什么？

我找到了一个适合我的修复方法。我在控制器中添加了以下内容：

$scope.$on('$includeContentLoaded', function() {
  // run any jQuery
  angular.element('ul.tabs').tabs();
});

---

很抱歉，它仍然无法工作。这次没有错误，但行angular.element（'ul.tabs'）.tabs（）；没有初始化我的制表符