AngularJS - 从URL获取图像并将其显示在HTML端

Question

在我的Angular应用程序中，我从数据库中获取映像名称，然后在用户登录时将其存储在本地存储中。

现在登录后，将加载要重定向的页面，而不刷新应用程序。

在该页面上，我想显示我存储在本地存储中的图像。

if (localStorage.getItem('logo') != undefined) 
        $rootScope.logo = "http://somewebsite.com/"+localStorage.getItem('logo');

现在，在HTML中，

<img src="{{logo}}" >

所以问题是，当我登录时，即使图像名称存在于本地存储中，图像也会显示为已损坏。当我重新加载应用程序时，它会显示图像。 所以我得出结论，没有调用文件的URL，因为登录后没有重新加载应用程序。

那么有什么方法可以在不重新加载应用程序的情况下加载图像吗？

Answer 1

首先，使用 ng-src 代替 src ，其他方法是检查图片是否存在，然后加载

<div ng-if="logo">
    <img ng-src="{{logo}}" >
</div>