Add ability to handle external actions

[zaikin-andrew]

Hi. Could you add ability to use public method after external actions? Like here

$grid.on( 'click', '.grid-item', function() {
  // change size of item via class
  $( this ).toggleClass('grid-item--gigante');
  // trigger layout
  $grid.masonry();
});

We use $grid.masonry(); for adapting grid to current state.

[jelgblad]

In angular2 you can access all public function on a component either by

• Local variable in your template (https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-local-var)

<masonry #myMasonry>
  <masonry-brick (click)="myMasonry.layout()"></masonry-brick>
</masonry>

• Injecting the child component into your component class (https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-view-child)

@ViewChild(AngularMasonry) private masonry: AngularMasonry;

myClickHandler(){
  this.masonry.layout();
}

[zaikin-andrew]

Thank you! :)

[AbhayVel]

Hi jelgblad,

Thanks a lot, Please close this issue.