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

Question

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

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

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

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

Answer 1

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

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-"
        });
    })
}