0

Kullanışlı bir tek sayfa uygulaması oluşturmaya çalışıyorum Django + Django Rest Framework + Angularjs. Başarılı giriş/şifre formundan sonra sayfaya ekleyebileceğim ya da kaldırabileceğim kişi listesini içeren bir sayfaya yönlendirmeliyim. sırtım-uç için buraya http://www.django-rest-framework.org/tutorial/quickstart/ gelen öğretici kullanmak için gidiyorum ve basit giriş/parola sayfası buTek sayfa uygulama Angularjs Django giriş formu

<html ng-app="myApp"> 
    <head> 
    <title></title> 
    </head> 
    <body ng-controller="AppController as ctrl"> 

     <form ng-submit="ctrl.submit()"> 
      <input type="text" ng-model="ctrl.user.username" placeholder="Enter your name"/><br/><br/> 
      <input type="text" ng-model="ctrl.user.password" placeholder="Enter your Password"/><br/><br/> 

      <input type="submit" value="Submit"> 
     </form> 

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"> 
     </script> 
     <script> 
      angular.module('myApp', []) 
      .controller('AppController', [function() { 
       var self = this; 
       self.submit = function() { 
        console.log('Form is submitted with following user', self.user); 
      }; 
     }]); 
    </script> 
    </body> 
</html> 

gibi görünecek Ve ben ön- den giriş/şifre formu gönderebilirsiniz anlayamıyorum uygulamanın arka tarafındaki uç tarafı? Ardından ngResource modül arka ucuna isteği göndermek için kullanılabilir

<form ng-submit="ctrl.submit()" method="POST"> 

:

cevap

1

Öncelikle size form verilerini göndermek için POST kullanmanız gerekir.

1: açısal kaynağı yükleyin. Kullanılması Bower: bower install --save angular-resource

2: En modül tanımına ngResource dependencie ekleyin:

angular.module('myApp', ['ngResource']) 

3:

.controller('AppController', ['$resource', function($resource) { 

4: Kumandanızda içine $resource hizmeti enjekte $ kaynak hizmeti kullanın Bir kaynak oluşturmak ve isteği göndermek için

Ayrıntılar için docs for $resource service

numaralı telefonu ziyaret edin.