我怎么能"卸载”;带有angularjs的图像

how can i "unload" an image with angularjs

本文关键字:带有 angularjs 图像 卸载 怎么能 quot      更新时间:2024-02-23

我有一个img标记,它使用ng-src指令。ng-src指令绑定到一个名为$scope.photoUrl的属性。一旦我设置了$scope.photoUrl的值,就会加载图像。然而,在那之后,我希望能够"卸载"图像。。。也就是说,我希望能够将img标记的src设置为none,以便从屏幕上删除图像。然而,我找不到实现这一目标的方法。我试过了,但什么也没发生:

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

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

将src设置为none不会使图像正确消失,我认为这种行为因浏览器而异,但如果图像损坏(例如没有src),则图像所在的位置可能会出现红色x。您应该隐藏图像标记。您可以使用ng-show属性并测试photoUrl的空性。