title: $rootScope not updating value
body: <p>I have an edit profile page with html code as follow:</p>
  
  <pre><code>&lt;img ng-src="{$root.user.userProfilePic}" /&gt;
  </code></pre>
  
  <p>where <code>$rootScope.user.userProfilePic = "imageUrlHere" /&gt;</code></p>
  
  <p>However, when i updated the userProfilePic again using controller in the same page, the profile image is still remain the same. This does not occur if i use <code>$scope</code>. How could i fix it?</p>
  
  <pre><code>UpdateUserProfilePicApi.then(function (res) {
      $rootScope.user.userProfilePic = res.imgUrl;
  });
  </code></pre>