Angular контроллер не зарегистрирован

Ответ 1

Из-за вашего Immediately Invoked Function Expression. вы должны изменить его, как показано ниже:

var myApp = angular.module("myApp", []);

(function(app){
  "use strict";
  app.controller("productController", function($scope, $http){
    $http.get('data/data.json').then(function(prd){
      $scope.prd = prd.data;
    });
  });
})(myApp);

Ответ 2

i импортируйте файл в index.html и моя проблема решена,

<script src=".../productController.js"></script>

Ответ 3

В моем случае на странице индекса отсутствовала ссылка, а мое имя контроллера было startupController (уведомление о нижнем регистре s), и я пытался зарегистрировать его с помощью startupController (верхний регистр s)

Ответ 4

В моем случае, с этой же ошибкой, я не смог идентифицировать модуль приложения в директиве ng-app следующим образом:

<div class="row" ng-app>

В некоторых случаях я видел, где ng-приложение само по себе, но я был вынужден идентифицировать приложение как:

<div class="row" ng-app="myApp">

Ответ 5

У меня та же проблема. Я решил проблему, поместив код JS в основной JS. мой HTML-это слой на основной HTML, мой оригинальный HTML и JS следующие:

<div style="background: #f5f5f5;" ng-app='myapp'  ng-controller="cIdentityCtrl as ctrl">
    <form class="padding-md" name="staffForm" ng-submit="submit()">
        <div class="row popup" style="padding-bottom: 10px;" ng-repeat="item in sfList">
            <label style="width: 130px;text-align: right;"> {{item.branchName}}:</label>
            <input type="text" style="width: 175px;display: inline-block;" class="form-control" ng-model="item.PERCENT"
                   placeholder="股份比例">%
        </div>
        <div class="clearfix"></div>
        <div class="height50"></div>
        <div class="text-center iframe-layer-btn">
            <button type="submit" class="btn btn-success" ng-disabled="staffForm.$invalid">保存</button>
            <button type="button" class="btn btn-default" ng-click="close()">关闭</button>
        </div>
    </form>
</div>

<script>
var myapp= angular.module('myapp',[]);
    (function(myapp){
        "use strict";
        myapp.service('layerService', layerService)
        .factory('instance', instance);
        myapp.controller('cIdentityCtrl', function($scope, instance, layerService) {
            console.log(instance.storeList)
            $scope.sfList = angular.copy(instance.storeList);
            $scope.submit = function(){
                for(var i=0;i<$scope.sfList.length;i++){
                    if($scope.sfList[i].PERCENT!=null && $scope.sfList[i].PERCENT!=''){
                        if(!/^(((\d|[1-9]\d)(\.\d{1,2})?)|100|100.0|100.00)$/.test($scope.sfList[i].PERCENT)){
                            massage.error($scope.sfList[i].branchName+'门店设置有误:[0,100]保留二位小数');
                            return false;
                        }
                    }
                }
                instance.fnsf($scope.sfList);
                layerService.close(instance.layero1);
            }

            $scope.close=function(){
                layerService.close(instance.layero1);
            }
        });

    })(myapp);
</script>

это html и js открываются с помощью ng-include, но не могут найти контроллер. и я поместил js в родительский html js файл, и он работал хорошо.

Ответ 6

Эта ошибка возникает при вызове службы $controller() со строкой, которая не соответствует ни одному из зарегистрированных контроллеров. Служба контроллера может быть вызвана напрямую или косвенно, например, через директиву ngController или внутри определения компонента/директивы/маршрута (при использовании строки для свойства контроллера). Сторонние модули также могут создавать экземпляры контроллеров с помощью функции $controller()

Причины этой ошибки могут быть:

1- Ваша ссылка на контроллер имеет опечатку. Например, в атрибуте директивы ngController, в свойстве контроллера определения компонента или в вызове $controller().

2- Вы не зарегистрировали контроллер (ни через Module.controller, ни $controllerProvider.register().

3- У вас есть опечатка в зарегистрированном имени контроллера.

ref: https://docs.angularjs.org/error/$controller/ctrlreg?p0=GreetingController

Ответ 7

У меня была та же проблема, и я нашел причину как... Модуль приложения в директиве ng-app был определен/использован на уровне тегов тела, как это

<body ng-app="intervalAngularExample">

и определение $ controller в productionController.js было импортировано в html файл на уровне заголовка, конечно, это не должно работать.

<head>
<script src=".../productController.js"></script>
</head>
<body ng-app="intervalAngularExample">
</body>

затем импорт должен быть внутри тега body.