Javascript Salvatore网格在添加angularjs后停止工作

Javascript Salvatore网格在添加angularjs后停止工作,javascript,html,angularjs,angularjs-ng-repeat,Javascript,Html,Angularjs,Angularjs Ng Repeat,当我将angularjs添加到项目中时,网格停止工作,无法渲染 我想使用ng repeat功能循环所有项目,并在Salvatore网格中显示它们 这是什么原因造成的?感谢Ok看起来发生的事情是,Salvatore假设在添加数据列属性时,应用砌体布局所需的元素已存在于dom中,当然这不起作用,因为ng repeat需要一个摘要周期才能将元素添加到dom中 解决这个问题的一种方法是创建一个自定义指令,在dom中存在元素之后初始化数据列 一种快速的方法(可能不是最健壮的)是在摘要周期后添加数据列属性

当我将angularjs添加到项目中时,网格停止工作,无法渲染

我想使用ng repeat功能循环所有项目,并在Salvatore网格中显示它们


这是什么原因造成的?感谢

Ok看起来发生的事情是,Salvatore假设在添加
数据列
属性时,应用砌体布局所需的元素已存在于dom中,当然这不起作用,因为
ng repeat
需要一个摘要周期才能将元素添加到dom中

解决这个问题的一种方法是创建一个自定义指令,在dom中存在元素之后初始化
数据列

一种快速的方法(可能不是最健壮的)是在摘要周期后添加
数据列
属性

下面是一个实现:

var-app=angular.module('app',[]);
应用控制器('网格'、功能($范围){
$scope.data=[
'test1'、'test2'、'test3'、'test4',
“test5”、“test6”、“test7”
];
});
应用指令('salvattore',函数($timeout,$window){
返回{
限制:“A”,
链接:函数(范围、元素、属性){
$timeout(function(){//Hack在下次超时时执行
元素attr('data-columns',true);
$window.salvattore.register_网格(元素[0]);
},0);
}
};
});
.grid[数据列]::之前{
内容:“3.col-4”;
}
.电网{
边缘底部:50px;
}

和angularjs
{{e}}

我添加了Chanthu编写的指令(以及html中的attr),并且
ng if=“array.length>0”
对我有效。

这里是codepen:NOO过滤条目(数据中的e |过滤器:搜索)不起作用。实际上我已经在这里改写了你的指令:谢谢你的帮助