angular.js - angularjs和django结合的问题
给我你的怀抱
给我你的怀抱 2017-05-15 16:52:41
0
3
641

自己用angualrjs 写的前台,然后django写的后台,怎么让两个组合起来。
angularjs中有主页面和模板,django里面也有。
输入一个url,django获取url返回的是什么呢,是全部模板和页面,js,css都返回吗,

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

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!