Fehler: [$controller:ctrlreg] Der controller mit dem Namen 'CounterController" ist nicht registriert.

Sehe ich diese Fehlermeldung, wenn ich drücken Sie die Taste F12 in chrome.
Es scheint keine Probleme.

Mein html-code

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

Hier ist mein js-Datei. Irgendeine Idee warum?
Die version von angualr, die ich verwende, ist 1.6.1
Winkel-controller-code

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);
}]);
Gerade getestet der exakt gleiche code in einem Stift, nicht zu sehen, Fehler. haben Sie einen build-Prozess? wie Schluck, wenn das so ist könnte es die Ursache sein. auch ist, dass die Gesamtheit der html? test-Stift

InformationsquelleAutor Navneet vaghasiya | 2017-01-21

  1. 2

    Können Sie tun einige Datei arrangieren problem.

    bitte siehe code-es funktioniert Prima :code-link

    Ausgabe:Main-Ausgang

    InformationsquelleAutor Hamid Noori

  2. 1

    müssen Sie möglicherweise wickeln Sie Sie in einer anonymen Funktion wie so

    (function(){                                                                     
    var myApp = angular.module('myAPP', ['ngRoute']);

   storehubs.controller('welcome',['$scope',function($scope){
       $scope.pageClass="welcome_page";
   }]);
})();

    Auch Ihre html sollte include ng-app="myApp" und deine links angular.min.js und yourapp.js Dateien müssen in den head-tag Ihrer html.

    Blick auf einige docs https://docs.angularjs.org/guide/controller

    InformationsquelleAutor Samuel Kwame Antwi

Schreibe einen Kommentar