表达式不在$ watch of angularjs的watch中进行评估

时间:2012-10-05 14:25:21

标签: jquery-ui angularjs

我在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>

photogallery在父控制器中初始化,

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>

请告诉我你对此的看法。

1 个答案:

答案 0 :(得分:0)

您的Github issue(为方便他人而张贴)似乎已解决此问题。