Не работают маршруты

@Федор90 · Регистрация: 25.05.2014

Author24 — интернет-сервис помощи студентам

Доброго времени суток!

У меня возникла такая проблема.

При открытии файла index.htm через WebStorml маршруты работают корректно.

Но при открытии этого же файла просто через браузер (например, Chrome) происходит только изменение url, а сама страница остается пустой.

Подскажите, пожалуйста, в чем может быть причина?

Код:

Файл index.html :

HTML5

<!DOCTYPE html>
<html>
    <head>
        <title>Пример маршрутизации в AngularJS</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script>
        <script src="script.js"></script>
    </head>
    <body ng-app="RoutingApp">
        <h2>Пример маршрутизации в AngularJS</h2>
        <p>Перейти к <a href="#first">первой</a> или <a href="#second">второй странице</a>.</p>
        <div ng-view></div>
    </body>
</html>

Файл script.js :

Javascript

angular.module('RoutingApp', ['ngRoute'])
    .config( ['$routeProvider', function($routeProvider) {
        $routeProvider
            .when('/first', {
                templateUrl: 'first.html'
            })
            .when('/second', {
                templateUrl: 'second.html'
            })
            .otherwise({
                redirectTo: '/'
            });
    }]);

Файл first.html :

HTML5

1	<h2>Это первая страница.</h2>

Файл second.html :

HTML5

1	<h2>Это вторая страница.</h2>

@Angry_n_Hungry · 11.05.2017, 06:28

Попробуй это

Javascript

1
2
3

.otherwise({
                redirectTo: '/'
            });

изменить на

Javascript

1
2
3

.otherwise({
                redirectTo: '/first'
            });

@Федор90 · 11.05.2017, 09:43 **[ТС]**

К сожалению, не помогло.

Через WebStorm все работает.

Но при открытии index.html через Сhrome или IE меняется только url, а шаблон страниц остается пустым.

@Angry_n_Hungry · 11.05.2017, 17:25

Тогда пользуйся живительной функцией браузера - называется "инструменты разработчика", вызывается на F12. Там можно смотреть ошибки, кои ждут не дождутся когда ты на них взглянешь.

@Федор90 0 / 0 / 0 Регистрация: 25.05.2014 Сообщений: 31
	11.05.2017, 09:43 [ТС]	3
	К сожалению, не помогло. Через WebStorm все работает. Но при открытии index.html через Сhrome или IE меняется только url, а шаблон страниц остается пустым. 0

@Angry_n_Hungry 19 / 19 / 12 Регистрация: 03.10.2016 Сообщений: 107
	11.05.2017, 17:25	4
	Тогда пользуйся живительной функцией браузера - называется "инструменты разработчика", вызывается на F12. Там можно смотреть ошибки, кои ждут не дождутся когда ты на них взглянешь. 1