0
これは簡単な答えかもしれませんが、どこにも見つけられません。私は自分のデータベースにテストデータを持っています。 django restframework apiのデータを表示するには、どのように角度を使用しますか？言い換えれば、どのコードを私の角度コントローラーと私のHTMLファイルに入れますか？django rest-frameworkとangularjsを統合するには？
models.py
from django.contrib.postgres.fields import JSONField
from django.db import models
class UserData(models.Model):
"""
Requires a user id, email, first and last name.
"""
user_id = models.CharField(max_length=75)
email = models.EmailField()
phone = models.CharField(max_length=10)
name_first = models.CharField(max_length=100)
name_last = models.CharField(max_length=100)
serializers.py
from rest_framework import serializers
from check import models as m
from django.contrib.auth.models import User
class TestSerializer(serializers.ModelSerializer):
class Meta:
model = m.UserData
fields = ('user_id', 'email', 'phone', 'name_first', 'name_last')
主urls.py
router = routers.DefaultRouter()
router.register(r'user', json_views.TestViewSet)
urlpatterns = [
url(r'^admin/', admin.site.urls),
url('^api/', include(router.urls, namespace='api')),
]
views.py
class TestViewSet(viewsets.ModelViewSet):
queryset = m.UserData.objects.all()
serializer_class = serializers.TestSerializer
permission_classes = (IsOwnerOrReadOnly,)
これは基本的な考えであると仮定していますが、apiデータと角度表示の接続方法を理解できません。
app.js
testApp = angular.module('demoapp', []);
testApp.config(['$httpProvider', function($httpProvider){
$httpProvider.defaults.xsrfCookieName = 'csrftoken';
$httpProvider.defaults.xsrfHeaderName = 'X-CSRFToken';
}]);
<body ng-app="demoapp">
<div ng-controller="testApp">
<ul>
<li ng-repeat="user in data">
[[user.user_id]] <br>
[[user.email]]<br>
[[user.phone]]<br>
[[user.name_first]]<br>
[[user.name_last]]<br>
</li>
</ul>
</div>