Form Builder with AngularJS

[Sriram P]

Hi All,

I am core C++ developer and I learnt Scala and Lift recently and learning AngularJS. I need to develop an application similar to http://www.jotform.com/ and http://www.phpform.org/.

There are many chances of changing the existing features or adding new features to my application. I want to build the application with plugin architecture support according to http://www.slideshare.net/ericshepherd/building-a-javascript-module-framework-at-gilt.  How to develop the plugin architecture with AngularJS. Since I am very new to web development I am not sure whether I am going in right direction.

Kindly let me know which is the best way to develop the application? Which is more suitable(AngularJS / JQuery) for developing the application like jotform.

Best Regards,

Sriram

[Sriram P]

No expert/master has seen my post??? I am eagerly waiting for your valuable suggestions...

Thank You.

[Christian Dannie Storgaard]

I'd say AngularJS is a good match for an interface similar to JotForm. For the actual construction of the form HTML, I'd probably just feed AngularJS's data to jQuery's functions or write the whole thing as HTML string manipulation functions.

AngularJS already contains a sort of cut-down version of jQuery and probably has most of the features you'll need, so you can start with just AngularJS. If however you're comfortable in jQuery and just want the whole package, there's no harm in including it as well. Just remember to not rely on jQuery for anything other than what you can't do comfortably in Angular.JS - otherwise you're likely to run into issues (e.g. don't use jQuery events, etc.).

Good luck with it!

[Sriram P]

Thanks a lot Dannie.

I understand that we can do this by using directives in AngularJS and I am going through it. I am not a JQuery expert, but I am ready to learn if it is required. Please let me know JQuery expertise is required for this application along with AngularJS.

And another query is, how can we build loosely coupled system(plugin architecture) with AngularJS. Am I thinking in right direction? Please provide your suggestions on how to go on this.

Best Regards,

Sriram

[Christian Dannie Storgaard]

It's actually probably better if you don't know much jQuery so you can focus on doing this "the AngularJS way" instead, so don't worry about that.

AngularJS already uses an injection based dependency system, so - depending on the needs of your plugins of course - it should be ready to go already.

I recommend you read up on the dependency injection, services and directives as this will form the base of your app.

The learning curve might be slightly steep (especially with the current docs), but it'll get fun fast - that's a promise!

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/SFjCdSLWRBI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.

[Sriram P]

Great suggestion indeed!

Thanks a lot for the clarifications.​

[Christian Dannie Storgaard]

You're welcome. Have fun with it!