为啥图像网格不能在 angularjs ng-repeat 中扩展但 javascript 工作正常？

Posted 2023-05-09

【中文标题】为啥图像网格不能在 angularjs ng-repeat 中扩展但 javascript 工作正常？

【英文标题】：why image grid not expand in angularjs ng-repeat but javascript working fine?为什么图像网格不能在 angularjs ng-repeat 中扩展但 javascript 工作正常？

【发布时间】：2018-03-15 09:57:47

【问题描述】：

我想像谷歌图片搜索一样扩展图片这里是 jsfiddle 的链接和 javascript 代码它工作正常 [javascript 图片扩展][1]

  [1]: http://fiddle.jshell.net/XDaEk/638/

但我想使用 angularjs ng-repeat 扩展图像但它不起作用，这里是 jsfiddle angularjs 代码的链接 [angularjs image expand][2]

 [2]: http://jsfiddle.net/36BYs/56/

【参考方案1】：

在调用 imageexpander-logic 之前，您的 ng-repeat 尚未完成其元素的制作。在调用它之前，您必须等待 ng-repeat 的 dom-nodes 被创建。

function MainCtrl( $scope, $timeout ) 
    $scope.mydeom = [
                image: 'http://www.jqueryscript.net/demo/Thumbnail-Grid-with-Expanding-Image-Preview-Using-jQuery/example/1.jpg',name:'Loren',
                image: 'http://www.jqueryscript.net/demo/Thumbnail-Grid-with-Expanding-Image-Preview-Using-jQuery/example/2.jpg',name:'Marry'
            ];

    $timeout(function() 
        window.jQuery('.gallery-items').imagelistexpander(
            prefix: "gallery-"
        );
    )