Angularjs 更新重复结果后,在单列中显示砖的有角砌体
我正在体验一些有棱角的砖石的有趣行为。我按照其文档中的规定加载:Angularjs 更新重复结果后,在单列中显示砖的有角砌体,angularjs,angularjs-directive,jquery-masonry,masonry,Angularjs,Angularjs Directive,Jquery Masonry,Masonry,我正在体验一些有棱角的砖石的有趣行为。我按照其文档中的规定加载: <input type="text" ng-model="searchString" ng-keyup="search()" /> <div masonry='{"gutter" : 25}'> <div class="masonry-brick" ng-repeat="result in results"> <div>{{result.description
<input type="text" ng-model="searchString" ng-keyup="search()" />
<div masonry='{"gutter" : 25}'>
<div class="masonry-brick" ng-repeat="result in results">
<div>{{result.description}}</div>
</div>
</div>
致:
有没有办法告诉砌体重新计算网格?或者其他人找到了解决这个问题的好方法吗?我已经阅读了一些问题,也研究了github项目,但我似乎找不到一个好的解决方案。我不确定这是否是最好的解决方案,但这在类似的情况下对我有效:
function refresh() {
common.$timeout(function () { $scope.$broadcast('masonry.reload'); }, 100);
}
在数据源更改/更新时调用refresh。它将强制砌体重新计算布局。调用
$('.grid').masonry('destroy');
就在为重复模型设置新数据之前。
这对我很有帮助。有关我的相关问题的更多详细信息,请参见:
function refresh() {
common.$timeout(function () { $scope.$broadcast('masonry.reload'); }, 100);
}
$('.grid').masonry('destroy');