Javascript 仅在一列中显示图像的棱角砌体指令

正在尝试使用passy（）的angular Massiness指令

它在一列中显示图像，而不是网格布局。任何帮助都将不胜感激

我的html

<div class="container">
  <div masonry>
    <div class="masonry-brick" ng-repeat="brick in bricks">
        <img ng-src="{{ brick.picUrl }}" alt="A masonry brick">
    </div>
  </div>
</div>

现在，如果我将float:left样式包括在.bricking类中，那么它可以工作，但是有很大的间隙。此外，由于某些原因，我的砖石选项不起作用。如果我要添加过渡时间：

<div class="container">
  <div masonry="{ transitionDuration: '0.4s' }">
    <div class="masonry-brick" ng-repeat="brick in bricks">
      <img ng-src="{{ brick.picUrl }}" alt="A masonry brick">
    </div>
  </div>
</div>

它显示图像加载方式没有变化。但是，角砌体安装正确，所有文件都包含并正确注入。在这方面我没有犯错误

---

谢谢你的帮助

当我在砌体分区块中或内部使用

ng show

或

ng hid

e时，这种情况发生在我身上。确保在使用ng show或ng hide的div标记中添加

reload on show

在加载angularjs之前加载jquery。还可以使用较新版本的砌体。如果砌体根本不起作用，那么您也可以使用棱角网格砌体，如指令。我使用的是棱角砌体的.11版本和砌体的3.2版本。我相信他们是最新的。我的文件加载顺序正确。另一件奇怪的事情是，这里的演示，似乎也停止了工作。还有其他想法吗？我也来看看angular deckgrid。您在angular之前加载过jquery吗？

<div class="container">
  <div masonry="{ transitionDuration: '0.4s' }">
    <div class="masonry-brick" ng-repeat="brick in bricks">
      <img ng-src="{{ brick.picUrl }}" alt="A masonry brick">
    </div>
  </div>
</div>