Angular 2 Grid Demo

This is a simple demo used for creation/testing of angular2-grid, a grid-based drag/drop/resize plugin directive for Angular 2. It makes use of angular directives so that in order to include it, all you need to do is add an "[ngGrid]" attribute to your container and an "[ngGridItem]" to each of your grid items. It even works with the ngFor directive to add boxes on the fly!


Col: {{ curItem.col }}, Row: {{ curItem.row }}, Size X: {{ curItem.sizex }}, Size Y: {{ curItem.sizey }} Remove Box
Randomise Boxes Add Box
{{box.id}}