角度更改图像 src 取决于类

【问题标题】：Angular Change image src depending on class角度更改图像 src 取决于类
【发布时间】：2016-05-21 01:22:10
【问题描述】：

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

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

【问题讨论】：

好的，那是什么阻止你这样做呢？

标签： angularjs angularjs-directive

【解决方案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" />

【讨论】：

我想处理图像何时会得到 class="loaded"
你需要添加观察者，但这并不是真正的角度方式。你不应该看课，你应该对改变的数据做出反应。我认为你的任务有问题

【解决方案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"/>

希望这会有所帮助。

【讨论】：

我需要处理案例，当 ng-repeat 中的图像将有 class="loaded"
我建议您使用在加载项目时设置的属性 (item.loaded)。从那里你可以使用标准的角度指令控制 DOM 中的内容。