Показать сообщение отдельно
  #1 (permalink)  
Старый 11.05.2017, 10:43
Новичок на форуме
Отправить личное сообщение для Junior Посмотреть профиль Найти все сообщения от Junior
 
Регистрация: 07.03.2015
Сообщений: 9

не работают маршруты
Доброго времени суток!

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

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

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

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

Код:

Файл index.html :

<!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 :

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


Файл first.html :

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


Файл second.html :
<h2>Это вторая страница.</h2>
Ответить с цитированием