AngularJS Route Uncaught объект в версии 1.2.15, но не в версии 1.0.1

Я пробовал пример ng-route, который работает в AngularJS версии 1.0.1, но не работает в версии 1.2.15. Я добавил зависимость angular-route.js, но все еще получаю ошибку необнаруженного объекта. Ниже приведен мой пример. Он состоит из 4 файлов (index.html, page.html, chapter.html и main.html).

Если вы закомментируете 1.2.15/angular.min.js, angular-route.js и.module('testNgRoute', ['ngRoute']) и раскомментируйте 1.0.1/angular.min.js и.module('testNgRoute', []). Это будет работать.

page.html содержит только одну строку "Это page.html"

chapter.html содержит только одну строку "Это chapter.html"

main.html содержит только одну строку "Это main.html"

Это мой файл index.html

<!DOCTYPE html>
<html ng-app="testNgRoute">

    <title>Test ng-route</title>

    <body>
        <div>
            <h1>Test ng-route</h1>
            <div ng-view></div>
        </div>
    </body>

    <!--it works when I use this version of angularJS-->
    <!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>-->

    <!--it didn't work when I use this version of angularJS-->
    <!--  According to the documentation, I should include angular-route.js-->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.js"><script>

    <script>
        angular
            //it works when I use v1.0.1 and without including any dependencies.
            //.module('testNgRoute', [])
            //it didn't work when I use v1.2.15 with the "ngRoute" dependencies
            .module('testNgRoute', ['ngRoute'])
            .config(['$routeProvider', function ($routeProvider) {

                "use strict";
                $routeProvider
                    .when('/page', {
                        templateUrl: "page.html" 
                    })
                    .when('/chapter', {
                        templateUrl: 'chapter.html'
                    })
                    .when('/', {
                        templateUrl: 'main.html'
                    });

            }]);
    </script>
</html>

1 ответ

Это ошибка новичка. Тег сценария angular-route.js неправильно закрыт. Спасибо tasseKATT за это.

Ложная сигнализация. Я проверил это, и он работает правильно.

Другие вопросы по тегам