Get size and position about angular-gridster HOT 3 CLOSED

Great question. The typical Angular way would be to do a $scope.$watch on your item or items in the scope. Example:

// two objects, converted to gridster items in the view via ng-repeat
$scope.items = [{},{}];

$scope.$watch('items', function(items){
   // one of the items changed
}, true);

or

$scope.watch('items[0]', function(){
   // item0 changed
}, true);

or

$scope.watch('items[0].sizeX', function(){
   // item0 sizeX changed
}, true);

The third argument, true, is to make the watch based on the value of the object, rather than just matching the reference to the object.

The biggest challenge I've seen is knowing how to know when any if the items has changed while avoiding excessive calls to watch functions. It would be nice to have an event emitted when something changes, but only after all items in the grid have settled and stopped moving. If anyone else has ideas, they are welcome.

from angular-gridster.

Brilliant, mind putting this in the docs for others? If you don't have time I can make a pull request.

from angular-gridster.

I copied and pasted directly from this and committed. Feel free to enhance or suggest improvements. Thanks!

from angular-gridster.