1

我在 angularjs 中有一个下面的自定义指令,它使用从服务器更新的模型,我添加了一个监视侦听器来监视该模型的变化,

var linkFn;
linkFn = function(scope, element, attrs) {
        scope.$watch('$parent.photogallery', function(newValue, oldValue) {
            if(angular.isUndefined(newValue)) {
            return;
        }
        var $container = element;
        alert($container.element);
        $container.imagesLoaded(function() {
            $container.masonry({
            itemSelector : '.box'
                });
            });
        });
    };
    return {
        templateUrl:'templates/Photos_Masonry.htm',
        replace: false,
        transclude:true,
        scope: {
            photogallery: '=photoGallery',
        },
        restrict: 'A',
        link: linkFn

但是,当我在 watch 指令中进行调试时,我仍然看到模板中的表达式仍未解决。即 photo.label、ng-src 仍然未解决。AFIK,$digest 只会在 $eval 之后被调用。这是预期的行为吗?由于这个原因,我的 jQuery 调用不起作用?是否有任何其他事件可以让我获得带有评估表达式的结果元素?

这是我的模板,里面有 ng-repeat,

<div id="container" class="clearfix">
    <div class="box  col2" ng-repeat="photo in photogallery">
        <a ng-href="#/viewphotos?id={{photo.uniqueid}}&&galleryid={{galleryid}}"
            title="{{photo.label}}"><img
            ng-src="{{photo.thumbnail_url}}"  alt="Stanley" class="fade_spot" /></a>
        <h3>
            <span style="border-bottom: 1px solid black;font-weight:normal;font-size:14px;">{{galleryname}}</span>
        </h3>
        <h3>
            <span style="color:#20ACB8;font-weight:normal;font-size:17px;">{{photo.seasonname}}</span>
        </h3>
    </div>
</div>

相册在父控制器中初始化,

function MyCtrlCampaign($scope, srvgallery, mygallery) {

    $scope.updatedata = function() {
        $scope.photogallery     = srvgallery.getphotos($routeParams);
    };

    $scope.getphotos = function() {
        srvgallery.photos().success(function(data) {
            $scope.updatedata();
        }).error(function(data) {

        });
    };

指令以下列方式使用,

<div masonry photo-gallery="photogallery" >
            </div>

请让我知道您对此的看法。

4

1 回答 1

0

看起来这已在您的Github 问题中得到解决(为方便他人而发布)。

于 2012-10-08T22:45:45.800 回答