angularjs - 错误 : [$controller:ctrlreg] The controller with the name 'CounterController' is not registered.

Question

当我在 chrome 中按 F12 时，我看到了这个错误。
似乎没有问题。

我的html代码

<ul class="dropdown-menu" role="menu" ng-controller="CounterController">
   <li ng-repeat="item in messages"><a href="">{{item.name}}</a></li>
</ul>

这是我的js文件。知道为什么吗？
我使用的angualr版本是1.6.1
Angular Controller 代码

angular
.module('myApp.counter_controller', [])
.controller('CounterController', ['$scope', '$filter', function($scope, $filter) {
    'use strict';
    $scope.messages = [{
        name : 'ENG',
        read : false
    }, {
        name : 'JPN',
        read : false
    }, {
        name : 'CHI',
        read : false
    }, ];   
$scope.setRead = function(item, $event) {
  $event.preventDefault();
  $event.stopPropagation();
  item.read = true;
};
$scope.setUnread = function(item, $event) {
  $event.preventDefault();
  $event.stopPropagation();
  item.read = false;
};
$scope.setReadAll = function($event) {
  $event.preventDefault();
  $event.stopPropagation();
  angular.forEach($scope.messages, function(item) {
    item.read = true;
  });
};
$scope.unseenCount = $filter('filter')($scope.messages, {
  read: false
}).length;
$scope.$watch('messages', function(messages) {
  $scope.unseenCount = $filter('filter')(messages, {
    read: false
  }).length;
}, true);
}]);

Answer 1

您可能已经完成了一些文件排列问题。

请查看代码，它工作正常:code link

输出:Main Output