AngularJS: Wie übergebe ich eine URL an $ http POST

Question

Ich habe Probleme mit meiner http POST Anfrage in AngularJS. Der Fehler, den ich bekomme ist:

POST http://localhost:8080/ 403 (Forbidden). 'rating-add' is a named url 

Also ich weiß nicht, warum es das nicht erlaubt. Dies ist die Vorlage:

<script> 
    var app = angular.module('myApp', []); 
    app.controller('myCtrl', function($scope, $http){ 
    $scope.ratings = []; 
    var data = $scope.myForm = {beer_name:'', score:'', notes:'', brewer:''}; 
    $scope.buttonClick = false; 
    $scope.is_clicked = function() { 
     $scope.buttonClick=true; 
     console.log($scope.buttonClick) 
    } 
    $scope.submit_to_form = function() { 
     $http({ 
      method: 'POST' 
      url: 'rating-add' 
      data: data 
     }); 
    } 
    }) 
    </script> 

Und die urls.py:

from django.conf.urls import url 
from django.contrib import admin 

from ratings.views import home, RatingCreate, delete, edit 

urlpatterns = [ 
    url(r'^admin/', admin.site.urls), 
    url(r'^$', RatingCreate.as_view(), name='rating-home'), 
    url(r'rating/add/$', RatingCreate.as_view(), name='rating-add'), 
    url(r'rating/delete/(?P<row_id>[0-9]+)/$', delete , name='rating-delete'), 
    url(r'rating/edit/(?P<row_id>[0-9]+)/$', edit , name='rating-edit'), 
] 

Answer 1

Sie benötigen einen führenden Schrägstrich wie folgt anhängen -

url : '/rating/add' 

Schauen Sie sich die Dokumentation here.

Sie sollten Sie Ihre Routen von Django drucken um herauszufinden, wo es zu.