Question

我已经安装了角度砌砖，并试图在我的单页Bootstrap视图中使用它。来自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

官方文件：
你仍然需要在子元素上使用砌砖作为类名或元素属性，以便将其注册到指令。

你不需要砖砌砖类或属性吗？

<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>

无法进行角度砌筑工作

1 个答案: