Javascript Angularjs与packer.js可拖动
基于中提供的解决方案,我能够让packery.js库在Angularjs中工作 HTML 如何将可拖动选项添加到上述代码中?这里提供了draggable选项的jquery代码。任何评论都非常感谢我最终使用了这个库,它工作得很好Javascript Angularjs与packer.js可拖动,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,基于中提供的解决方案,我能够让packery.js库在Angularjs中工作 HTML 如何将可拖动选项添加到上述代码中?这里提供了draggable选项的jquery代码。任何评论都非常感谢我最终使用了这个库,它工作得很好 <div class="wrapper"> <div ng-repeat="item in test" danny-packery> {{item.name}} </div> </div>
<div class="wrapper">
<div ng-repeat="item in test" danny-packery>
{{item.name}}
</div>
</div>
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();
}
};
}]);