Question

我遇到了[$ rootScope：infdig]错误，但是我的代码确实有效。我要执行的操作是加载图像或随机占位符图像（如果不存在）。

<div ng-repeat="v in tiles track by $index" id="text-{{v.ID}}" class="lity-hide row-fluid lityBox">
            <div class="span3">
                <img ng-src="{{v.Image !== undefined ? v.Image.split(',')[0] : getPlaceholderImg() }}">
                <h4 class="centerMe">{{v.Title}}</h4>
            </div>              
        </div>

这是$ scope中的函数：

$scope.getPlaceholderImg = function() { 
        $scope.placeholderImg = "http://myurl.com/defaultImg" + Math.floor((Math.random()*5)+1) + ".jpg";
        return $scope.placeholderImg;
    }

Answer 1

一种解决方案是使用一次性绑定运算符（::）来稳定表达式：

<div ng-repeat="v in tiles track by $index" id="text-{{v.ID}}" class="lity-hide row-fluid lityBox">
    <div class="span3">
        ̶<̶i̶m̶g̶ ̶n̶g̶-̶s̶r̶c̶=̶"̶{̶{̶v̶.̶I̶m̶a̶g̶e̶ ̶!̶=̶=̶ ̶u̶n̶d̶e̶f̶i̶n̶e̶d̶ ̶?̶ ̶v̶.̶I̶m̶a̶g̶e̶.̶s̶p̶l̶i̶t̶(̶'̶,̶'̶)̶[̶0̶]̶ ̶:̶ ̶g̶e̶t̶P̶l̶a̶c̶e̶h̶o̶l̶d̶e̶r̶I̶m̶g̶(̶)̶ ̶}̶}̶"̶>̶
        <img ng-src="{{::v.Image !== undefined ? v.Image.split(',')[0] : getPlaceholderImg() }}">
        <h4 class="centerMe">{{v.Title}}</h4>
    </div>              
</div>

有关更多信息，请参见

带有随机数函数的AngularJS [$ rootScope：infdig]错误

1 个答案: