title: Displaying data from a service AngularJS
body: <p>I would like</p>
  
  <pre><code>{{user.EMAIL}}
  </code></pre>
  
  <p>to show up as my email in my account.html view.</p>
  
  <p>Right now my splash controller gets the information from google oAuth and that all works fine.</p>
  
  <p>In my service I do: </p>
  
  <pre><code>.factory('UserService', function($http) {
  
  var user = {
      EMAIL: false,
      FULLNAME : false,
      FIRSTNAME : false,
      LASTNAME : false,
      PICURL: false,
      GENDER: false
  }
  
  user.getInfo = function(token) {
      $http.get('https://www.googleapis.com/oauth2/v2/userinfo?alt=json&amp;access_token=' + token).
      success(function(response){
          user.EMAIL = JSON.stringify(response.email);
          user.FULLNAME = JSON.stringify(response.fullname);
          user.FIRSTNAME = JSON.stringify(response.given_name);
          user.LASTNAME = JSON.stringify(response.family_name);
          user.GENDER = JSON.stringify(response.gender);
          alert(user.EMAIL);
      }).
      error(function(){
          alert("Error!");
      })
  }
  return user;
  </code></pre>
  
  <p>my controller has the service as a dependency so I can't imagine why it's not displaying in my account.html view. The alert(user.EMAIL) works fine too.</p>