angulargrid

angulargrid

Pinterest like responsive masonry grid system for angular

##Features

• Complete responsive, figures out columns and width to completely fit the container based on options provided and container width.
• Animation support on enter or leave of grid items, sorting or resizing using ngAnimate module and css animation.
• Support any grid system (bootstrap, foundation) for number of columns, grid and gutter width.
• Perfect handeling of image load.
• Support left to right or right to left placement of grids.
• Keeps a watch on list model and options to reflect the changes instantly.

Demo url : http://ignitersworld.com/lab/angulargrid/index.html#demo

Documentation url : http://ignitersworld.com/lab/angulargrid/index.html#documentation

##Updates ###Release 0.6.0 : UMD Support Added

Released on npm

npm install angulargrid --save

###Release 0.5.0 (Major Enhancements) :

• Implemented #14 (Performant scroll)

• Added agPerformantScroll options, if enabled non visible element (from viewport) will be removed, and there watchers will be disabled.

• Implemented #31

• Added infinite scroll feature.

• agular-grid-id and angular-grid-options deprecated, use ag-id and ag-options instead.

• Added namespace "ag" on all options (ex : ag-grid-width) to avoid directive name conflict. Older options are deprecated. Note: This is only on templates, inside agOptions you must give options without ag namespace (ex : gridWidth);

###Release 0.4.0 (Major Enhancements) :

• Implemented #9

• Support bootstrap or any grid system, enable cssGrid option to true, and then plugin will listen grid system (All items need to be of same grid style)

• Implemented #10

• Added direction option which handle direction of grid placement. Default to "ltor" . You can also define "rtol" if you want grid to be placed from right to left.

• Implemented #12, #13

• Added gridNo option to define no of grids at a particular time . (If gridNo is defined plugin does not consider gridWidth option)
• All options are now dynamic, which can be changed after initialization
• Added angularGridOptions attribute so that options can be given as single object, or can be defined on controller.

• Destroying instance and unbinding events on destroy of scope.