Angularjs Routing mit Djangos URLs
Ich benutze AngularJS für mein Front-End und Django als Back-End.
Ich mache im Back-End sehr einfache Dinge, daher habe ich nicht überlegt, tastypie zu verwenden.
Das Problem, bei dem ich nicht weiterkomme, ist das Client / Server-Routing. Ich bin zutiefst verwirrt. Was ich mache ist:
Rendern Sie die Seite entry.html von django, die hat<div ng-view></div>
im Körper. Ich gehe davon aus, dass das Routing danach vom routeProvider von angle übernommen wird
In meinem Ordner static / js habe ich eine Datei app.js, die die Route für eine andere Vorlage für das Formular definiert, das ich ausfüllen möchte
Wenn ich jedoch das Projekt starte und die Eintrags-URL der App lade, werde ich nicht zum Formular umgeleitet.
Alle Javascript-Dateien sind enthalten und ich sehe keine 404 in meinem Log.
Was mache ich hier falsch?
AKTUALISIEREN : app.js
App.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/',{templateUrl: '/templates/workflow/request_form.html', controller:EntryCtrl})
.otherwise({redirectTo:'/'})
}]);
entry.html
{% extends "site_base.html" %}
{% load staticfiles %}
{% block body %}
<div class='ng-app'>
<div class='row-fluid'>
<ng-view></ng-view>
</div>
</div>
{% endblock %}
{% block extra_script %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"> </script>
<script src="http://code.angularjs.org/1.0.6/angular-resource.min.js"></script>
<script src="http://code.angularjs.org/1.0.0rc10/angular-cookies-1.0.0rc10.js"> </script>
<script src="/static/js/controller.js"></script>
<script src="/static/js/app.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/bootstrap-datepicker.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?keyAIzaSyCLZKcTGUw9V0- UcEHuZMCf6uZpNZZaVrg&sensor=false"></script>
{% endblock %}
controller.js
var App = angular.module('app', ['ngResource']);
function EntryCtrl($scope, $http, $routeParams, $location, master)
{
$scope.form = master.form
}