Javascript 如何使用angularJs数据在django模板中使用foreignkey数据？

型号.py

class Author(models.Model):
    name = models.CharField(maxlength=30)

class Book(models.Model):
    book_name = models.CharField(maxlength=40)
    author_name = models.ForeignKey(Author)
    date = DateTimeField(auto_now_add=True)

authors = Author.objects.all().values()
books = Book.objects.all().values()
return render(request,{'authors':authors,'books':books})

视图.py

class Author(models.Model):
    name = models.CharField(maxlength=30)

class Book(models.Model):
    book_name = models.CharField(maxlength=40)
    author_name = models.ForeignKey(Author)
    date = DateTimeField(auto_now_add=True)

authors = Author.objects.all().values()
books = Book.objects.all().values()
return render(request,{'authors':authors,'books':books})

demo.html

var app = angular.module('app', []);
app.config(function ($interpolateProvider) {
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
});
    <div ng-init="books={{books}} >
    <ul>
    <li ng-repeat="book in books">{[{book.book_name}]}/{[{book.author_name}]}/{[{book.date}]}<li>
    </ul>

var app = angular.module('app', []);
    app.config(function ($interpolateProvider) {
        $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
   });
<div ng-init="authors={{authors}}"></div>
<ul>
<li ng-repeat="author in authors">Author Name: {[{author.name}]}, Books {[{ authors.book_set.all }]},</li>
</ul>

var-app=angular.module（'app'，[]）；
app.config（函数（$interpolateProvider）{
$interpolateProvider.startSymbol（'{[{'）.endSymbol（'}]}'）；
});