我如何使用angularjs“卸载”图像

Question

我有一个使用ng-src指令的img标签。 ng-src指令绑定到名为$ scope.photoUrl的属性。 一旦设置了$ scope.photoUrl的值，图像就会加载。 但是，在那之后，我希望能够“卸载”图像……也就是说，我希望能够将img标签的src设置为no，以便从屏幕上删除图像。 但是，我找不到实现此目的的方法。 我已经尝试过了，但是什么也没发生：

$scope.$apply(function() {
    $scope.photoUrl = '';
});

有没有办法做到这一点？ 我必须将$ scope.photoUrl设置为透明的.gif吗？

Answer 1

通过将src设置为空不会使图像正确消失，我认为这种行为因浏览器而异，但是如果图像损坏（例如，无src），则可能会在图像应出现的位置出现红色x。 您应该隐藏图像标签。 您可以使用ng-show属性并测试photoUrl的空度。