jquery – 使用同位素与AngularJS(ng重复)

前端之家收集整理的这篇文章主要介绍了jquery – 使用同位素与AngularJS(ng重复)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图用角度加载div来提供同位素进行布局。由于某种原因,我不能使用ng-repeat来创建div。当我做类似的事情,它工作正常:

[agg.html]

  1. <div class="mygrid" iso-grid>
  2. <div class="item">myitem</div>
  3. </div>

[controlers.js]

  1. module.directive('isoGrid',function () {
  2. return function (scope,element,attrs) {
  3. element.isotope({
  4. itemSelector: '.item'
  5. });
  6. };
  7. });
  8.  
  9. module.controller('aggViewport',['$scope','$location',function ($scope,$location) {
  10. $scope.cards = [{
  11. "ID": "myid","class": "cardListTile","badge": "1"
  12. } {
  13. "ID": "myid2","badge": "2"
  14. }]
  15. }]);

虽然上述工作正常,当我尝试使用ng重复从角度,div似乎变得看不见(他们在dom,但我看不到他们)。我已经尝试调用同位素(‘reloadItems’)和同位素(‘reLayout’),但它似乎没有帮助。

[agg.html]

  1. <div class="mygrid" iso-grid ng-repeat="card in cards">
  2. <div class="item">myitem</div>
  3. </div>

如何使用ng-repeat?

解决方法

尝试$观看列表变量(卡),每当更改重新应用同位素。我想你的问题是同位素在ng-repeat被填满之前运行。

快速示例:

  1. scope.$watch(attrs.ngModel,function() {
  2. elm.isotope();
  3. });

猜你在找的jQuery相关文章