Что за ошибка?
Целый день сижу не могу найти баг в коде...
В консоли пишет это angular.js:88 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.6/$injector/modulerr?p0=superhero&p1=Error%…ogleapis.com%2Fa jax%2Flibs%2Fangularjs%2F1.6.6%2Fangular.min.js%3A 22%3A332) at angular.js:88 at angular.js:4957 at p (angular.js:410) at g (angular.js:4917) at hb (angular.js:4839) at c (angular.js:1949) at Uc (angular.js:1970) at we (angular.js:1855) at angular.js:33884 at HTMLDocument.b (angular.js:3468)
<!DOCTYPE html>
<html ng-app="superhero">
<head lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>asds</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<script type="text/javascript" src="angular-route.min.js"></script>
<script type="text/javascript" src="https://code.angularjs.org/1.6.6/angular-route.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<div class="row">
<div class="col-lg-4">
</div>
<div class="col-lg-4">
</div>
<div class="col-lg-4">
</div>
</div>
</div>
</header>
<div class="idr">
<button><a ui-sref="pag">asd</a></button>
<iu-view></iu-view>
</div>
<div>
<superman></superman>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-3">
<button class="btn btn-lg btn-std back">
</button>
</div>
<div class="col-md-6">.
<button type="button" class="btn btn-default btn-lg btn-block">Поиск услуги</button>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
var app = angular.module("superhero", ['stateProvider'])
app.config(function($stateProvider, $urlRouterProvider){
$stateProvider
.state('pag', {
url: '/pag',
templateUrl: 'pag.html'
})
});
app.directive("superman", function () {
return {
restrict: "E",
templateUrl: 'cont.html'
}
});
|
Djambulat,
34 строка |
А как надо писать?
|
Djambulat,
надо ui-router подключить для начала |
Я же подключил....
|
В 10 строке?
|
Djambulat,
Вы подключаете angular роутер, а пишите в стиле ui роутера. Определитесь уже, что вам нужно. |
<!DOCTYPE html>
<html ng-app="superhero">
<head lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>asds</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<script type="text/javascript" src="angular-route.min.js"></script>
<script type="text/javascript" src="https://code.angularjs.org/1.6.6/angular-route.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="idr">
<button><a href="/test">asd</a></button>
<button><a href="/test/#!/pag">asd</a></button>
<ng-view></ng-view>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
var app = angular.module("superhero", ["ngRoute"])
app.config(function($routeProvider) {
$routeProvider
.when("/test/pag", {
templateUrl : "pag.html"
})
});
|
А сейчас в чем проблема?
|
| Часовой пояс GMT +3, время: 09:02. |