角度变化图像源取决于类

Question

如果图像具有"加载"类，我需要将图像src更改为"{{item.preview2}}"

<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"/>

希望这有帮助。