Hey there! I'm trying to incorporate masonry into my AngularJS project. I'd like the divs to flow from left to right within their container. The documentation suggests using the following code:
<div class="js-masonry" data-masonry-options='{ "itemSelector": ".item", "columnWidth": 200 }'>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
In my Angular setup, I've implemented it like so:
<div class="js-masonry" data-masonry-options='{ "itemSelector": "#masonry", "columnWidth": 200 }'>
<div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
<div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
<div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
</div>
I'm hoping for the divs to adjust automatically from left to right, similar to Isotope's masonry effect. This is my first time working with this feature, so any guidance would be greatly appreciated.