2  

You can achieve this in 2 steps:

你可以通过以下两个步骤来实现:

On Frontend

Create a <form> on your page that will structure the data entered by the user as you need. Inside that <form> element, you'll need to use the ngForm for multiple forms' validation to behave correctly (here is a nice explanation of how ngForm works). A hypothetical code snippet would look like:

在您的页面上创建一个

<form name="libraryForm">
  <div ng-repeat="book in vm.newBooksToAdd">

    <!-- ngForm directive allows to create forms within the parent form -->
    <ng-form name="bookForm">
      <div>
        <label>Book title</label>
        <input ng-model="book.title" type="text" name="title" required>
      </div>
      <div>
        <label>Author</label>
        <input ng-model="book.author" type="text" name="author" required>
      </div>
    </ng-form>
  </div>
</form>

In your controller, you can initialize the list of books to add as vm.newBooksToAdd = []; and whenever you want to add a new form to your list of forms for new books, just vm.newBooksToAdd.push({}) an empty object. Thus, you will send to the backend an array of objects representing books you want to create.

在控制器中，可以初始化要作为vm添加的图书列表。newBooksToAdd =[];每当您想要在新图书的表单列表中添加新表单时，只需使用vm.newBooksToAdd.push({})一个空对象。因此，您将向后端发送表示要创建的图书的对象数组。

On Backend

Now here you'll need to overwrite the .create() method of your view to allow creating many instances at once, because by default it expects a single object. Your view might look like this:

现在，您需要重写视图的.create()方法，以便同时创建多个实例，因为默认情况下，它需要一个对象。您的视图可能是这样的:

class LibraryViewSet(views.ModelViewSet):
    ...

    def create(self, request):
        serializer = self.get_serializer(data=request.data, many=True)  # notice the `many` keywork argument here
        serializer.is_valid(raise_exception=True)
        self.perform_create(serializer)
        return Response(serializer.data, status=status.HTTP_201_CREATED)

Note: If you would like to allow both a single instance creation and creation in bulk, you'll need to adjust your .create() method to check for the data type of request.data.

注意:如果您希望同时允许单个实例的批量创建和创建，那么需要调整.create()方法来检查request.data的数据类型。

Note 2: There is a django-rest-framework-bulk library that achieves what you want on the backend, but I didn't try it, so cannot say anything bad or good about it.

注意2:有一个django-res -frame -bulk库可以在后端实现您想要的内容，但是我没有尝试过，所以不能说它有什么不好或好的地方。

Good luck!

好运！