AngularJS - URLから画像を取得し、私の角のアプリケーションでHTML側

それを表示し、私は、データベースから画像名を取得したときにユーザーがログインするローカルストレージに格納していますAngularJS - URLから画像を取得し、私の角のアプリケーションでHTML側

今ログイン後、。リダイレクトされるページは、アプリケーションがリフレッシュされることなくロードされます。

このページでは、ローカルストレージに保存した画像を表示したいと思います。

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

は今、HTML、

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

中のSO問題は、イメージ名がローカルストレージにある場合でも破損、画像が表示されている、私がログインしたときに、です。アプリケーションをリロードすると、イメージが表示されます。したがって、ログイン後にアプリケーションが再ロードされないため、ファイルのURLが呼び出されていないと判断しました。

アプリケーションをリロードせずに画像を読み込む方法はありますか？

2017-08-16 R J

Mmmhh .. NG-SRCをロードするのですか？ https://www.w3schools.com/angular/ng_ng-src.asp – Julo0sS

Not brother brother –

ロゴ変数を出力しようとしましたか？それが存在します？ – Julo0sS

まず、代わりにsrcのng-srcを使用し、他のものは、画像が存在するかどうかを確認し、それ

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

2017-08-16 10:21:58 Sajeetharan

はい、イメージが存在します。また、いいえ、ng-srcも機能しません。 –

イメージをどこに設定していますか？ – Sajeetharan

イメージは雲に覆われています。イメージの名前はlocalstorageに格納されています。したがって、URLにimagenameを追加して '$ scope.logo'に格納しています。ページをリロードした後にイメージを表示しています –

答えて