错误：$控制器：ctrlreg与 '{0}' 未注册

名控制器app.js

(function(){ 
'use strict'; 

angular 
    .module('app', ['ngRoute', 'ngCookies']) 
    .config(config) 

config.$inject = ['$routeProvider', '$locationProvider']; 
function config($routeProvider, $locationProvider){ 
    $routeProvider 
     .when('/', { 
      controller: 'HomeController', 
      templateUrl: 'home/home.html', 
      controllerAs: 'vm' 
     }) 
} 
})();

home.controller.js

(function() { 
'use strict'; 

angular 
    .module('app') 
    .controller('HomeController', HomeController); 

HomeController.$inject = ['UserService', '$rootScope']; 
function HomeController(UserService, $rootScope) { 

    $rootScope.bodylayout ='main_page_que'; 
    var vm = this; 
} 
})();

家.js文件

var app = angular.module('app', []); 
app.controller('RedCtrl', function($scope) { 
    $scope.OpenRed = function() { 
$scope.userRed = !$scope.userRed; 
$scope.userBlue = false; 
    } 
    $scope.HideRed = function() { 
$scope.userRed = false; 
    } 
    $scope.OpenBlue = function() { 
$scope.userBlue = !$scope.userBlue; 
$scope.userRed = false; 
    }; 
    $scope.HideBlue = function() { 
$scope.userBlue = false; 
    }; 
});

home.html的

<div ng-controller="RedCtrl"> 
    <a href="#" ng-click="OpenRed()" hide-red="HideRed()">Show Red</a> 
    <div hide-red="HideRed()" class="loginBox" ng-show="userRed"></div> 
    <a href="#" ng-click="OpenBlue()" hide-blue="HideBlue()">Show Blue</a> 
    <div hide-blue="HideBlue()" class="loginBoxBlue" ng-show="userBlue"></div> 
</div>

的Index.html

<html lang="pl" ng-app="app"> 
<body class="{{bodylayout}}"> 
<div class="content"> 
    <div ng-view style="margin:auto"></div> 
</div> 
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script> 
<script src="//code.angularjs.org/1.6.0/angular.min.js"></script> 
<script src="//code.angularjs.org/1.6.0/angular-route.min.js"></script> 
<script src="//code.angularjs.org/1.6.0/angular-cookies.min.js"></script> 
<script src="home.js"></script> 
<script src="app.js"></script> 
<script src="authentication.service.js"></script> 
<script src="flash.service.js"></script> 
<script src="user.service.local-storage.js"></script> 
<script src="home/home.controller.js"></script> 
</body> 
</html>

嘿，这是从应用程序的一部分，当我用ngRoute和动态添加home.html，但我认为我有错app.js或home.controller.js当我添加外部文件home.js（当时是ng-controller=""RedCtrl。我收到错误[$controller:ctrlreg] RedCtrl is not register。你有什么想法吗？我是Angular的新手，我认为主要原因是缺乏我的知识。

来源

2017-02-28 Mat.Now

声明你的NG-应用 – Roy

我宣布index.html的NG-应用程序，它没有我在这个问题 –

见插入[AngularJS错误参考 - $控制器：ctrlreg（HTTPS： //docs.angularjs.org/error/$controller/ctrlreg） – georgeawg

您将要覆盖在home.jsapp模块从而得到错误

使用

var app = angular.module('app'); //Get previously defined module

，而不是

var app = angular.module('app', []); //It declares new module

您还需要改变的JavaScript文件的顺序

<script src="app.js"></script> 
<script src="home.js"></script>

来源

2017-02-28 15:41:20 Satpal

但我在Index.html –

中声明ng-app =“app”请参阅'angular.module（'app'，['ngRoute'，'ngCookies'] ）'in _app.js_ – Satpal

谢谢，现在没关系，我很遗憾用覆盖应用程序来犯这个错误 –

错误：$控制器：ctrlreg与 '{0}' 未注册

回答

相关问题