Monday, 26 August 2013

How do I integrate an existing modal framework written in JQuery in angular?

How do I integrate an existing modal framework written in JQuery in angular?

We have purchased some CSS for a whole bunch of our UI. It includes things
like tabs, wizards and modals. The template often uses JQuery to do the
rendering. All the help I have read about angular discourages JQuery and
we should try to do it in angular. Unfortunately this is a 3rd party tool
and our team is sold on it.
We have a good number of screens where we display a grid. The page
includes one 'Add New' button and an 'Edit' button for each row displayed
on the grid. When the user clicks the 'Add New' button we need to show a
modal that allows him to capture the new entity (whatever it is). When the
user clicks 'Edit' it opens a similar modal and populates the fields.
The modal needs to be opened with some JQuery calls to his plugin. Would I
be able to use JQuery with angular in the controllers just so that I can
open the theme's modal. I will only JQuery for that. For the rest I will
stick to the angular way as far as possible.

No comments:

Post a Comment