MasonryをAngularで使う際に注意すること

kotaziです。
- kotazi.com

Masonryのstampが正しく動かないことがあったのでメモ。

---

AngularプロジェクトでMasonryとAngularJS Masonry Directiveを利用している。

その際にMasonryのstampが動いていなかったのでメモ。
なんで動かなかったかというとMyIncludeとngIfがよくなかった。

とりあえずサンプル

■ ng-ifバージョン(動かない)

See the Pen 【AngularJS】Masonry Directive Behavior with Stamp(ng-if) by Kohei Saeki (@kotazi) on CodePen.

■ ng-showバージョン(動く)

See the Pen 【AngularJS】Masonry Directive Behavior with Stamp(ng-show) by Kohei Saeki (@kotazi) on CodePen.

ngIfの場合がDOMが再生性されているので、stampが毎回解除されてしまう。