角度变化图像src取决于类

Question

如果图片已加载＆＃39;我需要将图像src更改为＆＃34; {{item.preview2}}＆＃34;

<div ng-repeat="item in items">
<img src="{{item.preview}}" class="grid-img" />
</div>

Answer 1

directive('loaded', function(){
    return {
        restrict: 'C',
        link: function(scope){
             scope.item.preview = scope.item.preview2
        }

    }

})

和html

<img ng-src="{{item.preview}}" class="grid-img" />

Answer 2

在您描述的情况下，我将使用ng-if来控制向DOM呈现的元素。例如：

<img ng-if="item.loaded" src={{item.preview2}} class="grid-img-loaded"/>
<img ng-if="!item.loaded" src={{item.preview}} class="grid-img"/>

希望这有帮助。