$ rootScope私は次のようにhtmlコードと編集プロフィールページを持っている価値

Question

を更新しませんイメージは変わらない。私が$scopeを使用している場合、これは発生しません。どうすればそれを修正できますか？ $ルート .Tryこれを使用する必要はありません

UpdateUserProfilePicApi.then(function (res) { 
    $rootScope.user.userProfilePic = res.imgUrl; 
}); 

Answer 1

：

<img ng-src="{{user.userProfilePic}}" /> 

これは角がロードされた後use​​r.userProfilePicが評価され、その値に置き換えられますので、あなたは、結果を期待できます。

<img ng-src="{$root.user.userProfilePic}" /> 

しかし、これで、ブラウザは、失敗した要求につながる$ root.user.userProfilePicという名前のイメージを、ロードしようとします。これはブラウザのコンソールで確認できます。あなたが不足している

Answer 2

{{重中括弧}}が、これを試してみてください。

<img ng-src="{{user.userProfilePic}}" /> 

ng-src docs

Answer 3

あなたは$ rootScopeはすべてのビューからアクセス可能であるとして$ルートを使用する必要はありません。 コードから$ rootを削除します。

<img ng-src="{{user.userProfilePic}}" />