Недавно начал изучать Angular. Возникают некоторые вопросы, прошу помочь помощи у ветеранов)
Нужно сделать панель управления в виде одностраничного приложения
Выбор пал на Angular (собственно другие я и не рассматривал, так как название на слуху было).
Немного разобрался с Angular route...
Angular js
var myApp = angular.module('myApp', ['ngRoute']);
myApp.controller('IndexCtrl', IndexCtrl).controller('AddTicketCtrl', AddTicketCtrl);
myApp.config(function($routeProvider, $locationProvider) {
$routeProvider.when("{% url 'home' %}", {
templateUrl: "{% static 'templates/index.html' %}",
controller: 'IndexCtrl',
title: 'Главная'
}).when("{% url 'add-ticket' %}", {
templateUrl: "{% static 'templates/add_ticket.html' %}",
controller: 'AddTicketCtrl',
title :'Новый билет'
});
$locationProvider.html5Mode({enabled: true, requireBase: false});
});
function IndexCtrl($scope, $routeParams) {
};
function AddTicketCtrl($scope, $routeParams) {
};
views.py
class TicketForm(ModelForm):
class Meta:
model = Tickets
fields = '__all__'
def AddTicket(request):
form = TicketForm()
return render(request, 'AddTicket.html', {'form': form})
urls.py
workplace_urls = [
url(r'^$', views.WorkPlace, name='home'),
url(r'^tickets/add/$', views.AddTicket, name='add-ticket'),
]
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^workplace/', include(workplace_urls)),
]
Так вот когда я перехожу по ссылке 'workplace/tickets/add/', то у меня не в ng-view ответ добавляется, а открывается пустая страница с формой.
Нашел статью
с использованием ui.router, однако не хотелось бы помимо и без того сложного Angular еще усложнять себе жизнь библиотеками!
В общем надо отрендереную форму вставить в ng-viev. Как это сделать? Или есть альтернативы?