不能让角砌体工作

Question

我已经安装了 angular-masonry 并尝试将它与我的单页引导视图一起使用。 ng-repeat 指令中的图像呈现但仅在单个列中。我无法弄清楚原因，也没有收到任何 JS 错误。

这是我的看法：

   <div class="container">
      <div class="row">
        <div class="span12">
          <masonry column-width="230">
            <div ng-repeat="image in results.images">
                <img class="asset_image" ng-src="{{ image.url }}" alt="A masonry brick">
            </div>
          </masonry>
        </div>
      </div>
    </div>

Answer 1

官方文档：
您仍然需要使用 masonry-brick 作为类名或子元素的元素属性才能将其注册到指令中。

您不需要 masonry-brick 类或属性吗？

<div class="masonry-brick" ng-repeat="image in results.images">
    <img class="asset_image" ng-src="{{ image.url }}" alt="A masonry brick">
</div>

或

<div masonry-brick ng-repeat="image in results.images">
    <img class="asset_image" ng-src="{{ image.url }}" alt="A masonry brick">
</div>

最终样本：

   <div class="container">
      <div class="row">
        <div class="span12">
          <masonry column-width="230">
            <div class="masonry-brick" ng-repeat="image in results.images">
                <img class="asset_image" ng-src="{{ image.url }}" alt="A masonry brick">
            </div>
          </masonry>
        </div>
      </div>
    </div>