角js和同位素

时间:2014-03-26 09:23:08

标签: angularjs angularjs-directive jquery-isotope

我想使用角度js和同位素。我为它创建了一些jsFiddle,下面给出了该filddle的链接。

http://jsfiddle.net/shardulpendse/NTsZx/118/

我创建了角度指令

app.directive('myDir', function ()
{
 scope: {
itemArr =""//accepting the array
},
template://template where i have use ng-repeat on div. 
//When I click on a particular div that div height should be expanded. 
//If I clicked on another div then previously expanded dive height its height should back to normal and this div height should be expanded
});

当我点击单元格(1)时。该项目应该扩展,其他项目应重新布局。但我无法这样做。任何人都可以帮助这样做。请

1 个答案:

答案 0 :(得分:0)

如果您$watch项目并在更新时调用同位素,它就会起作用:http://jsfiddle.net/c3mLpr77/

scope.$watch("itemArr", function(){
       var _parentNode = $('#container');
       _parentNode.isotope({
            layoutMode : 'fitColumns',
            resizesContainer : false,
            sortBy : 'fitOrder'
       });
}, true);

我还实现了同位素的原生AngularJS版本,它解决了很多与AngularJS和jQuery一起发挥相关的问题:http://tristanguigue.github.io/angular-dynamic-layout/