Angularjs routeProvider templateURL не работает

Question

Angularjs routeProvider templateURL не работает

0

Я пытаюсь использовать ngRoute, но я не могу заставить templateURL работать. Все работает так, как ожидалось, за исключением случаев, когда я использую templateURL.

У меня есть 4 разных файла:

test.html

<p>{{test}}</p>

test.js

angular.module("app")
.controller("testController", ["$scope", function($scope) {
    $scope.test = 10;
}])

app.js

angular.module("app", ["ngRoute"])
.config(function ($routeProvider) {
    $routeProvider.otherwise({"redirectTo": "1"})
        .when("/1", {
            "controller": "testController",
            "template": "{{test}}"
        })
        .when("/2", {
            "controller": "testController",
            "templateURL": "test.html"
        });
});

index.html

<!DOCTYPE html>
<html>
    <body ng-app="app">
        <div ng-view=""></div>
        <script src="js/angular.js"></script>
        <script src="js/angular-route.js"></script>
        <script src="app.js"></script>
        <script src="test.js"></script>
    </body>
</html>

Когда я перехожу к http://localhost:5000/#/1, он показывает 10, как ожидалось. Однако, когда я перехожу к http://localhost:5000/#/2, он ничего не показывает.

user224266 07 нояб. 2015, в 18:20

Источник

0

Я не знал этот трюк с {{test}} . В любом случае проверьте в консоли, что у вас нет ошибок. вроде 404 отсутствующего файла.
Dvir 07 нояб. 2015, в 16:27
0

В консоли нет ошибок. Я заметил, что переход на http://localhost:5000/#/2 удаляет <div ng-view=""></div>
user224266 07 нояб. 2015, в 16:42

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Я не знал этот трюк с {{test}} . В любом случае проверьте в консоли, что у вас нет ошибок. вроде 404 отсутствующего файла.
В консоли нет ошибок. Я заметил, что переход на http://localhost:5000/#/2 удаляет <div ng-view=""></div>

charlietfl · Accepted Answer · 2015-11-07T14-39-00.000Z

У вас есть опечатка в templateURL, это должен быть templateUrl