2017-11-23 2 views
0

Ich neu in AngularJS und versuchen, Django mit AngularJs einzurichten, jedoch habe ich einige Probleme mit dem Umgang mit dem Routing mit diesen beiden Frameworks. Bisher habe ich wie folgt einstellen:Routing mit Django und AngularJS

Wenn ich http://localhost:8000/index.html laufen funktioniert es und zeigt mir die Datei, aber wenn ich http://localhost:8000/test laufen, wie ich in app.js schrieb es gibt mir Standard Django 404 Fehler.

Was fehlt mir?

urls.py

urlpatterns = [ 
    url(r'^index.html/$', 
] 

app.js

var app = angular.module("myApp", ["ngRoute"]); 
app.config(function($routeProvider) { 
    $routeProvider 
    .when("/test", { 
     templateUrl : "index.html", 
     controller: "MainCtrl" 
    }) 
}); 

app.controller("MainCtrl", function ($scope) { 
    $scope.msg = "test"; 
}); 

index.html

{% load static %} 
<html ng-app="myApp"> 

<head> 
</head> 

<body> 
    <div> 
     test 
    </div> 
    <script src="{% static 'js/general/angular.min.js' %}" type="text/javascript"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script> 
    <script type="text/javascript" src="{% static 'js/app.js' %}"></script> 
</body> 

</html> 

Antwort

1

Sie müssen die URL definieren und es ist entsprechende Sichten-Methode.

In Sie urls.py Sie müssen so etwas wie:

url(r'^test/$', views.test, name='test') 

In views.py

def test(request): 
    return HttpResponse('You are looking at test')