Using Jquery UI plugin with Angular

Question

I wanted to use the jquery\'s UI layout plugin in an angular application. Is there an angular directive that does this already, or serves the same purpose?

Answer 1

AngularJS is here to be built for robust arhitecture and that is why we see so many modules in terms of directives and other components. Putting JQuery with it will be like going away from their core design and you will yourself end up in a mess maintaining the codebase.

jQuery is a crutch if you are writing AngularJS applications.

If you’re starting an AngularJS app, take a good look at ng-boilerplate. Then take a look at ui-bootstrap’s directives. They are a living example of how you can do “jQuery things” with a fraction of the code, and build an app that is easier to maintain, way more testable, and generally nicer to work with.

Take a look at this stuff

• How do I “think in AngularJS” if I have a jQuery background? - An excellent Stack Overflow post that expands on this viewpoint

• Using AngularJS? Then stop using jQuery

Answer 2

To create a layout template: http://docs.angularjs.org/tutorial/step_07

Or flexible routing with nested views: https://github.com/angular-ui/ui-router