AngularJS - 從URL獲取影像並顯示該HTML側

在我的角度應用，我從數據庫中獲取圖像的名稱，然後將其存儲在本地存儲時AngularJS - 從URL獲取影像並顯示該HTML側

用戶登錄現在登錄後，要重定向的頁面被加載而不刷新應用程序。

而在該頁面上，我想顯示已存儲在本地存儲器中的圖像。

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

現在，HTML，

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

所以，問題是，當我登錄，即使圖像的名字是有本地存儲，如碎正在顯示的圖像。當我重新加載應用程序時，它會顯示圖像。所以我得出結論，該文件的URL沒有被調用，因爲應用程序登錄後沒有被重新加載。

那麼，有沒有什麼方法可以加載圖像，而無需重新加載應用程序？

2017-08-16 R J

Mmmhh .. NG-SRC？ https://www.w3schools.com/angular/ng_ng-src.asp – Julo0sS

兄弟不工作 –

您是否嘗試輸出徽標變量？它存在嗎？ – Julo0sS

首先，使用ng-src，而不是src，另一件事是檢查圖像存在，然後加載它

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

2017-08-16 10:21:58 Sajeetharan

是的，圖像存在...和不，ng-src也不工作 –

你在哪裏設置圖像？ – Sajeetharan

圖像在雲中。圖像的名稱存儲在localstorage中..所以我將imagename附加到url並將其存儲在'$ scope.logo'中。它僅在我重新加載頁面後顯示圖像 –

回答