Я получаю
Uncaught Ошибка: [$ Инжектор: modulerr] jquery.js: 3855
Кажется, я включил почти все зависимости, но все же я я получаю сообщение об ошибке app.js
angular.module('app', ['ui.router', 'app.controllers'])
\t
\t .config(function($stateProvide, $urlRouterProvider){
\t \t $stateProvider
\t \t \t .state('home', {
\t \t \t \t url : "/home",
\t \t \t \t templateUrl : "views/home.html",
\t \t \t \t controller : "HomeCtrl"
\t \t \t })
\t \t \t .state('details', {
\t \t \t \t url : "/details",
\t \t \t \t templateUrl : "views/details.html",
\t \t \t \t controller : "DetailsCtrl"
\t \t \t })
\t \t \t .state('about', {
\t \t \t \t url : "/about",
\t \t \t \t templateUrl : "views/about.html",
\t \t \t \t controller : "AboutCtrl"
\t \t \t })
\t \t \t .$urlRouterProvider.otherwise('/home');
})
Мой файл контроллер app.controllers.js
angular.module('app.controllers',[])
\t
\t .controller('HomeCtrl',function($scope){
\t \t console.log("In home ctrl");
\t \t $scope.message = 'This is Add new order screen';
\t })
\t .controller('DetailsCtrl',function($scope){
\t \t console.log("In details ctrl");
\t })
\t .controller('AboutCtrl',function($scope){
\t \t console.log("In about ctrl");
\t })
Мой индекс Page
<html>
<head>
<title>Angular Practice</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="libs/jquery/jquery.js"></script>
<script type="text/javascript" src="libs/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="libs/angular/angular.min.js"></script>
<script type="text/javascript" src="libs/ui-router/angular-ui-router.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="controllers/controllers.js"></script>
</head>
<body ng-app="app">
\t <div class="well">
\t \t <div class="row">
\t \t \t <div class="col-md-4 text-center">
\t \t \t \t <button class="btn btn-lg btn-info" ui-sref="home">
\t \t \t \t \t Home
\t \t \t \t </button>
\t \t \t </div>
\t \t \t <div class="col-md-4 text-center" ui-sref="details">
\t \t \t \t <button class="btn btn-lg btn-info">
\t \t \t \t \t Details
\t \t \t \t </button>
\t \t \t </div>
\t \t \t <div class="col-md-4 text-center">
\t \t \t \t <button class="btn btn-lg btn-info" ui-sref="about">
\t \t \t \t \t About
\t \t \t \t </button>
\t \t \t </div>
\t \t </div>
\t </div>
\t <div ng-view>
\t \t {{message}}
\t </div>
</body>
</html>
Ошибка Stack
http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=app&p1=TypeError%3A…0(http%3A%2F%2F127.0.0.1%3A8887%2Flibs%2Fangular%2Fangular.min.js%3A20%3A1)
at http://127.0.0.1:8887/libs/angular/angular.min.js:6:412
at http://127.0.0.1:8887/libs/angular/angular.min.js:40:222
at q (http://127.0.0.1:8887/libs/angular/angular.min.js:7:355)
at g (http://127.0.0.1:8887/libs/angular/angular.min.js:39:319)
at cb (http://127.0.0.1:8887/libs/angular/angular.min.js:43:336)
at c (http://127.0.0.1:8887/libs/angular/angular.min.js:20:390)
at Bc (http://127.0.0.1:8887/libs/angular/angular.min.js:21:179)
at fe (http://127.0.0.1:8887/libs/angular/angular.min.js:20:1)
at HTMLDocument.<anonymous> (http://127.0.0.1:8887/libs/angular/angular.min.js:317:386)
at mightThrow (http://127.0.0.1:8887/libs/jquery/jquery.js:3570:29)
не должны контролеры быть включены до того приложение так когда вы вводите 'app.controllers', он действительно существует? – maurycy
все еще получает ту же ошибку –