Задача: реализовать роутинг на стороне ангуляра, на стороне Django REST - только работа с собственным api.
Возник вопрос, как скоординировать работу urls.py у Django и routerProvider у Angular, и куда положить шаблоны? Как указать путь к шаблонам templateUrl?
Сейчас шаблоны лежат в соответствующей папке шаблонов приложения myapp/templates/
В основном hmtl подключаю angular-route.js и js:
var app = angular('myApp', ['ngRouter']);
app.config(function($routerProvider) {
$routeProvider
.when('/', {
controller: 'someController1',
templateUrl: 'template1.html'
}
.when('/page1/:id', {
controller: 'someController2',
templateUrl: 'template2.html'
}
});
Также подключаю js с контроллерами someController1 и someController2.
В Django REST urls.py:
urlpatterns = [
url(r'myapi/'), include('myapp.urls')),
] + static.static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
Обновление:
В settings.py в TEMPLATE_CONTEXT_PROCESSORS добавил две записи: 'django.core.context_processors.media' и 'django.core.context_processors.static'.
В urls.py:
urlpatterns = [
url(r'^myapi/', include("myapi.urls")),
] + static.static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + static.static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
Переместил шаблоны в /static/myapp/templates/
В шаблонах, вернее, в base.html, который подключаю во всех шаблонах, добавил в head:
<script>
var app = angular.module('myApp', ['ngRouter']);
app.constant('DJANGO_SETTINGS', {
staticUrl: '{{ STATIC_URL }}',
mediaUrl: '{{ MEDIA_URL }}'
});
app.config(stateConfig);
stateConfig.$inject = ['$routerProvider', 'DJANGO_SETTINGS'];
function stateConfig($stateProvider, DJANGO_SETTINGS) {
$routeProvider
.when('/', {
controller: 'someController1',
templateUrl: DJANGO_SETTINGS.staticUrl + 'myapp/templates/template1.html'
}
.when('/page1/:id', {
controller: 'someController2',
templateUrl: DJANGO_SETTINGS.staticUrl + 'myapp/templates/template2.html'
}
};
Выдает ошибку AttributeError at / 'str' object has no attribute 'resolve'
Обновление 2:
Переделал на:
angular('myApp', ['ngRouter']);
angular
.module('myApp')
.config(stateConfig);
stateConfig.$inject = ['$routerProvider', 'DJANGO_SETTINGS'];
function stateConfig($stateProvider, DJANGO_SETTINGS) {
$routeProvider
.when('/', {
controller: 'someController1',
templateUrl: DJANGO_SETTINGS.staticUrl + 'myapp/templates/template1.html'
}
.when('/page1/:id', {
controller: 'someController2',
templateUrl: DJANGO_SETTINGS.staticUrl + 'myapp/templates/template2.html'
}
};
Та же ошибка.
Обновление 3:
Добавил импорт: from django.conf.urls import patterns
и переделал urlpatterns = [...] + ...
на urlpatterns = patterns(...) + ...
. В urls.py для приложения аналогично. Ошибки теперь этой нет.
Пока остается вопрос, как и куда прописывать редирект для корня сайта? В роутинге ангуляра я его прописал, а в django urls
оставил только для своего api
, но если открываю корень сайта, то возникает ошибка, что такой страницы нет, т.к. в urls.py корень /
не прописан. Иными словами - как скоординировать url.py в django и роутинг в ангуляре?