Dealing with Django model forms + REST Framework with Angularjs Single Page Application

Question

I'm trying to implement a SPA in my existing Django project with Angularjs. I have setup the start of a API using Django Rest Framework to retrieve my data in angular.

Some of my django model forms have a lot of complexity in them and would love to somehow pass it to the client side.

I could be wrong here but since I'm setting this project up as a SPA, once I send the user to the project from my django urls.py, then the angular routing via $routeProvider take over and talk to all my angular stuff to get data (controllers, services, etc.,) via the REST api. This then prevents me from sending my form over via context.

Every example I've seen with angularjs and django forms always explicitly writes out each field in the form. Is there anyway for me to get my django model form that has a bunch of code in its __init__ method, over to the client side without having to set each field manually?

This link here solved my problem: stackoverflow.com/questions/18157305/… — Austin
– Austin, Commented Jun 3, 2014 at 13:23

hellsgate · Accepted Answer · 2014-05-23 11:30:54Z

0

I've never tried this, but here's how I'd start on trying to do it.

You can use the in-built as_p(), as_ul() and as_table() methods of the form to pass the form HTML from the REST API, e.g.

class MyApiView(ApiView):
    def get(self, request, format=None):
        form = MyForm()
        response['form_html'] = my_form.as_ul()

        return Response(response)

You would then need to build the form skeleton and submit buttons in Angular, then insert form_html as the form body just as you would do in a standard django template.

Disclaimer: It's been a while since I've properly used django-rest-framework so the syntax in my example mught not be correct, but the basic idea is there

answered May 23, 2014 at 11:30

hellsgate

6,0455 gold badges35 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Austin Over a year ago

That gave me some legs to run with but unfortuantly I ran into a roadblock with angular rules with HTML noted here: stackoverflow.com/questions/11296193/…

Collectives™ on Stack Overflow

Dealing with Django model forms + REST Framework with Angularjs Single Page Application

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related