Форум

Djambulat · #1 (**permalink**) 03.11.2017, 10:12

Целый день сижу не могу найти баг в коде...
В консоли пишет это

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'
	}
});

destus · #2 (**permalink**) 03.11.2017, 11:31

Djambulat,
34 строка

Djambulat · #3 (**permalink**) 03.11.2017, 11:34

А как надо писать?

destus · #4 (**permalink**) 03.11.2017, 11:50

Djambulat,
надо ui-router подключить для начала

Djambulat · #5 (**permalink**) 03.11.2017, 14:50

Я же подключил....

Djambulat · #6 (**permalink**) 03.11.2017, 14:50

В 10 строке?

destus · #7 (**permalink**) 03.11.2017, 16:21

Djambulat,
Вы подключаете angular роутер, а пишите в стиле ui роутера. Определитесь уже, что вам нужно.

Djambulat · #8 (**permalink**) 03.11.2017, 16:32

<!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"
    })
});

Djambulat · #9 (**permalink**) 03.11.2017, 16:33

А сейчас в чем проблема?

Форум

Справочник

Discord чат

Курсы javascript