Angularjs

Question

私はAngularjs with Packery.js

HTMLで提供される解決策に基づいて

<div class="wrapper"> 
    <div ng-repeat="item in test" danny-packery> 
     {{item.name}} 
    </div> 
</div> 

はJavaScript Angularjsで働いpackery.jsライブラリーを得ることができた：

var dannyPackery = app.directive('dannyPackery', ['$rootScope', function($rootScope) { 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      console.log('Running dannyPackery linking function!'); 
      if($rootScope.packery === undefined || $rootScope.packery === null){ 
       console.log('making packery!'); 
       $rootScope.packery = new Packery(element[0].parentElement, {columnWidth: '.item'}); 
       $rootScope.packery.bindResize(); 
       $rootScope.packery.appended(element[0]); 
       $rootScope.packery.items.splice(1,1); // hack to fix a bug where the first element was added twice in two different positions 
      } 
      else{ 
       $rootScope.packery.appended(element[0]); 
      } 
      $rootScope.packery.layout(); 
     } 
    }; 
}]); 

方法上記のコードにdraggableオプションを追加できますか？ draggableオプションのjqueryコードは、ここではhttp://packery.metafizzy.co/draggable.htmlです。すべてのコメントは評価されます

Answer 1

私はthisライブラリを使用して終了し、それは正常に動作します。