Угловой контроллер не зарегистрирован на веб-службе XAMPP

Я получаю эту ошибку - Ошибка: $ controller: ctrlreg Контроллер с этим именем не зарегистрирован. Все мои скрипты загружены, и я добавил их все в index.html.Угловой контроллер не зарегистрирован на веб-службе XAMPP

All scripts are loaded

Мой контроллер:

(function() { 
    angular.module("nsoftModule").controller("nsoftController", ["nsoftService", function(nsoftService) { 
     var self = this; 
     self.service = nsoftService; 
    }]) 
})();

Моя директива:

(function() { 
    var weatherMod = angular.module("nsoftModule", []); 
    weatherMod.directive("nsoftDirective", function() { 
     return { 
      templateUrl: "Template/weatherTemplate.html", 
      controller: "nsoftController as nsoftCtrl" 
     } 
    }); 
})();

Моя служба:

(function() { 
    var weatherMod = angular.module("nsoftModule", []); 
    weatherMod.service("nsoftService", ["http", function(http) { 
     var service = this; 
    }]); 
})();

Мой модуль:

(function() { 
    var weatherMod = angular.module("nsoftModule", []); 
})();

Мой шаблон:

<div class="container"> 
    <div ng-controller="nsoftController"> 
     <p>Name : <input type="text" ng-model="name"></p> 
     <h1>Hello {{name}}</h1> 
    </div> 
</div>

Мои app.js:

(function() { 
    angular.module("nsoftApp", ["nsoftModule"]); 
})();

И мой index.html:

<!DOCTYPE html> 
<html ng-app="nsoftApp"> 
    <head> 
     <title>Nsoft App</title> 
    </head> 
    <body> 
     <nsoft-directive></nsoft-directive> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
     <script src="weatherModule.js"></script> 
     <script src="Service/weatherService.js"></script> 
     <script src="Controller/weatherController.js"></script> 
     <script src="Directive/weatherDirective.js"></script> 
     <script src="app.js"></script> 
    </body> 
</html>

источник

2017-02-20 Goran Bunjevac

просто удалить глобальную переменную, потому что в вас используют анонимную функцию self invoking, ограничиваясь только одна анонимная функция. использовать как его

(function() { 
    angular.module("nsoftModule").controller("nsoftController", ["nsoftService", function(nsoftService) { 
     var self = this; 
     self.service = nsoftService; 
    }]) 
})(); 

(function() { 
    angular.module("nsoftModule").directive("nsoftDirective", function() { 
     return { 
      templateUrl: "Template/weatherTemplate.html", 
      controller: "nsoftController as nsoftCtrl" 
     } 
    }); 
})(); 

//change http to $http 
(function() { 
    angular.module("nsoftModule").service("nsoftService", ["$http", function($http) { 
     var service = this; 
    }]); 
})(); 

(function() { 
    angular.module("nsoftModule", []); 
})();

поскольку контроллер правопреемника от директивы нет необходимости объявлять его в HTML также

<div class="container"> 
<div > 
    <p>Name : <input type="text" ng-model="nsoftCtrl.name"></p> 
    <h1>Hello {{nsoftCtrl.name}}</h1> 
</div> 

(function() { 
    angular.module("nsoftApp", ["nsoftModule"]); 
})();

источник

2017-02-20 18:24:08

Большое спасибо за ваш ответ Sachila, но я все еще получаю ту же ошибку, даже с вашим улучшения ... –

проверить это. я обновлю ответ https://plnkr.co/edit/9d64fOb9QhNgCeKl90VY?p=preview –

Чем вы очень, это работает, потрясающе !!! –

Угловой контроллер не зарегистрирован на веб-службе XAMPP

ответ

Смежные вопросы