如何用angularjs“卸载”图像

Question

我有一个使用ng-src指令的img标签。 ng-src指令绑定到名为$ scope.photoUrl的属性。一旦我设置了$ scope.photoUrl的值，图像就会加载。然而，在那之后，我希望能够“卸载”图像...也就是说，我希望能够将img标签的src设置为空，以便从屏幕上移除图像。但是，我无法找到实现这一目标的方法。我试过这个，但没有任何反应：

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

有没有办法实现这个目标？我是否必须将$ scope.photoUrl设置为透明的.gif而不是？

Answer 1

通过将src设置为空，不会使图像正常消失，我认为这种行为因浏览器而异，但如果图像被破坏（例如没有src），您可能会得到一个红色x，其中图像应该是。您应该隐藏图像标记。您可以使用ng-show属性并测试photoUrl的空白。