angulaire.js - Problèmes liés à la combinaison d'Angularjs et de Django
给我你的怀抱
给我你的怀抱 2017-05-15 16:52:41
0
3
694

J'ai écrit le frontend en utilisant anualrjs, puis j'ai écrit le backend en utilisant Django. Comment puis-je combiner les deux ?
Il existe des pages principales et des modèles dans Angularjs, et ils sont également disponibles dans Django.
Entrez une URL. Que renvoie Django lors de l'obtention de l'URL ? Tous les modèles et pages, js et css sont-ils renvoyés ?

给我你的怀抱
给我你的怀抱

répondre à tous(3)
Ty80

Angular demande uniquement la page en arrière-plan lors de la première requête. Les requêtes suivantes demandent des données d'arrière-plan pour mettre à jour la page en appelant l'API d'arrière-plan.

给我你的怀抱

Utilisez Django pour créer une API RESTful

为情所困

Vous pouvez vous référer à mon blog : phodaldev

  • Tastypie crée une API RESTful
  • Le modèle est écrit dans le modèle Django

Comme suit

{% block main %}
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>
<script type="text/javascript">
 var blogposts = angular.module('blogposts',[]);
blogposts.config(function($interpolateProvider) {
  $interpolateProvider.startSymbol('{[{');
  $interpolateProvider.endSymbol('}]}');
});
 blogposts.controller('blogController', function($scope, $http) {
     $http.get('/api/v1/url/?limit=600&format=json').success(function(data) {
         $scope.posts = data["objects"];
    });
 });
</script>
<p ng-app="blogposts">
<p class="posts"  ng-controller="blogController">
<ul>
<li ng-repeat="post in posts"><a href="/blog/{[{post.slug}]}">{[{post.title}]}</a></li>
</ul>
</p>
</p>
{% endblock %}
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal