Как используя Django на бекенде сделать роутинг в AngularJS?

Question

[Ivan]

Доброго времени суток.
Подскажите, пожалуйста, как используя Django+Angular сделать роутинг на стороне клиента?

В конфиге Ангуляра прописал следующее:

.config(['$routeProvider', function($routeProvider) {

            $routeProvider
            .when('/', {

              controller: 'MyCtrl',
              templateUrl: 'views/main.html'

            })
            .when('/api/profile/:id', {

              controller: 'TestController',
              templateUrl: 'views/profile.html'

            })
            .otherwise({

              redirectTo: '/'

            })

В index.html
<div ng-view></div>

При попытке перейти на главную страницу в фаербаге выдает ошибку:

GET http://localhost:8000/views/main.html 404 (NOT FOUND)
Error: [$compile:tpload] http://errors.angularjs.org/1.3.16/$compile/tpload?p0=views%2Fmain.html
    at Error (native)
    at http://localhost:8000/static/js/vendors/angular.min.js:6:417
    at http://localhost:8000/static/js/vendors/angular.min.js:137:174
    at http://localhost:8000/static/js/vendors/angular.min.js:112:182
    at m.$get.m.$eval (http://localhost:8000/static/js/vendors/angular.min.js:126:250)
    at m.$get.m.$digest (http://localhost:8000/static/js/vendors/angular.min.js:123:365)
    at m.$get.m.$apply (http://localhost:8000/static/js/vendors/angular.min.js:127:12)
    at l (http://localhost:8000/static/js/vendors/angular.min.js:81:327)
    at P (http://localhost:8000/static/js/vendors/angular.min.js:85:449)
    at XMLHttpRequest.H.onload (http://localhost:8000/static/js/vendors/angular.min.js:86:462)

Comments

[Валентин Дубровский]

GET localhost:8000/views/main.html 404 (NOT FOUND) - что вам в этой строчке не понятно?

[Ivan]

Валентин Дубровский: Вы не владеете знаниями Джанго, поэтому что-то комментировать тут Вам безсмысленно.

Answer 1

[Алексей]

templateUrl: 'views/main.html' должен ссылаться на каталог в котором у вас лежит статика. Другими словами положите этот шаблон туда где у вас лежат все css и js файлы, и пропишите правильный путь до него.

Comments

[Ivan]

Cпасибо Вам огромное. А еще подскажите, пожалуйста, возможно ли сделать так, чтобы при переходе на другой шаблон значение в строке-url не менялось? Вот к примеру я нажимаю на ссылку, которая ведет к другому контроллеру и к другому шаблону, а сам урл не менялся?

[Алексей]

Сам не пробовал, но по идее для состояний одного уровня должно работать. Как я понял вы используете ui router, попробуйте прописать одинаковые url для двух соседних состояний, но назвать их надо по разному и прописать эти названия в директиве ui-sref.

[Ivan]

Алексей: использую ngRoute :\

[Алексей]

Действительно, не заметил. Насколько помню в ngRoute шаблон связан с url жёстко. Рекомендую всё же попробовать https://github.com/angular-ui/ui-router

[Ivan]

Алексей: Хорошо, спасибо