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