angularjs – 错误：[$controller：ctrlreg]名称为“CounterCont

我的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
.module('myApp.counter_controller',[])
.controller('CounterController',['$scope','$filter',function($scope,$filter) {
    'use strict';
    $scope.messages = [{
        name : 'ENG',read : false
    },{
        name : 'JPN',{
        name : 'CHI',];   
$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);
}]);