Angular masonry directive hides inner elements, error: ReferenceError: Masonry is not defined

Question

尝试在项目中使用 klederson 的 Angular Masonry Directive，但无法正常工作。 space 在元素的 body 标签中被占用，但它们不可见，控制台中显示上述错误。

注入砖石依赖：

angular.module("cardSite",['masonry'])

我用来调用砌体的标记。每当我尝试 JS 方式时，我都会遇到同样的错误。

    <div masonry='{ "transitionDuration" : "0.4s" , "itemSelector" : ".grid-item"}' class="grid">
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item grid-item--width2">...</div>
        <div masonry-tile class="grid-item--height2">...</div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item grid-item--width2">...</div>
        <div masonry-tile class="grid-item--height2"></div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item grid-item--width2">...</div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item--height2"></div>
        <div masonry-tile class="grid-item grid-item--width2">...</div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item--height2"></div>
        <div masonry-tile class="grid-item">...</div>
        <div masonry-tile class="grid-item grid-item--width2">...</div>
        <div masonry-tile class="grid-item">...</div>
    </div>

调用页面底部的脚本：

<script src="scripts/directives/angular-masonry-directive.js"></script>

URL 相关页面： http://marcmurray.net/test_sites/card_site/index.html

错误图片： http://i.imgur.com/G9GVrYR.png

笨蛋： https://plnkr.co/edit/vzhUUtKtrZWxCwMITOL6?p=preview

Answer 1

错误显示 ReferenceError: Masonry is not defined - 所以问题与 directive 无关 - 这是因为 Masonry() 不存在 - 我认为你错过了 http://masonry.desandro.com/

问题是：var masonry = scope.masonry = new Masonry(container, options);

Angular masonry directive hides inner elements, error: ReferenceError: Masonry is not defined

Angular masonry directive hides inner elements, error: ReferenceError: Masonry is not defined

javascript

angularjs

angularjs-directive

masonry