highlightFilter angularjsエラー

Question

私はangularjsアプリを作るためにしようとしているが、それは私にエラーを与える：

Error: [$injector:unpr] http://errors.angularjs.org/1.4.14/$injector/unpr?p0=highlightFilterProvider%20%3C-%20highlightFilter 
at http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:6:417 
at http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:41:240 
at Object.d [as get] (http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:39:220) 
at http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:41:314 
at Object.d [as get] (http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:39:220) 
at http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:150:456 
at X (http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:112:209) 
at http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:110:334 
at p (http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:7:355) 
at X (http://localhost:63342/AdminLTE-2.3.11/bower_components/angular/angular.min.js:110:313) <span ng-bind-html="item.id | highlight: $select.search" class="hide"> 

はHERESにコントローラ：

angular.module('Dashboard') 
.controller('DashboardCtrl', 
    ['$scope', function ($scope) { 
     var dashboard = this; 

     dashboard.toto="ddazzzz"; 
     // $scope.vard="ddd"; 
     alert(dashboard.toto); 

    }]); 

私は問題が何であるかを見つけるdidntの..？

Answer 1

、あなたが登録されていない（おそらく{{ ctrl.toto | highlight }}のような）ハイライトフィルタを使用している表示されます。コントローラを登録するのと同じように、モジュールに登録する必要があります。

Answer 2

あなたはcontroller as構文を使用し、あなたはコントローラ内部でthisキーワードを使用しているため、その後、$scopeの必要はありませんまた、empty module dependencyを追加するのを忘れ。

DEMO：エラーが示すように

angular.module('Dashboard',[]) 
 
.controller('DashboardCtrl', function() { 
 
     var dashboard = this; 
 
     dashboard.toto="ddazzzz"; 
 
     // $scope.vard="ddd"; 
 
     alert(dashboard.toto); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="Dashboard" ng-controller="DashboardCtrl as vm"> 
 
{{vm.toto}} 
 
</div>