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

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

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

Antworte allen(3)
Ty80

angular只是第一次请求的时候向后台请求页面吧,之后的请求都是通过调用后台API的方式请求后台数据来更新页面。

给我你的怀抱

用 Django 做 RESTful API

为情所困

可以参考一下这个我的博客: phodaldev

  • Tastypie做RESTful API
  • 模板写在Django模板里

如下

{% 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 %}
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!