角度と石積みが一緒に働く

Question

石工がng-repeat内で働くことはありません。

私はクラスを石積みのコンテナに追加しようとしています。そして、私のng-repeatの中にクラスmasonry-itemを使用します。

私のJSで

私はそれらの2つのクラスを使用して、私のjsファイルは同様にロードされます。） -jquery -masonry -myfile

1. HTML

<div class="masonry-container" > <div ng-repeat="link in links"> <div class="masonry-item col-sm-4"> <div class="jumbotron"> <div> {{link.title}} </div> <div> {{link.url}} </div> </div> </div> </div> </div>

1.1 JS ）

$(document).ready(function(){ 

    $('.masonry-container').masonry({ 
    // options 
    itemSelector: '.masonry-item', 
    columnWidth: '.masonry-item' 
    }); 
}); 

Answer 1

私は造形を知らないけど、あなたのJSが実行されたときに角度がまだテンプレートをレンダリングしていません。

ディレクティブを使用して、コードをlinkの機能の内側に配置する必要があります。 DOMを変更したい

angular.module('Example', []) 
.directive('masonry-container', [function() { 
    return { 
     link: function ($scope, element, attributs, controllers) { 
      element.masonry({ 
       // ... 
      }); 
      // ... 
     } 
    }; 
}]) 

ディレクティブは、通常、DOMリスナーを登録だけでなく、DOMを更新するには、リンクオプション を使用します。テンプレートがクローンされた後で が実行され、指示ロジックが になります。

https://docs.angularjs.org/guide/directive