Question

我想使用角度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）时。该项目应该扩展，其他项目应重新布局。但我无法这样做。任何人都可以帮助这样做。请

Answer 1

如果您$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/

角js和同位素

1 个答案: