use data from server in angular

Question

I am trying to use data I get from the server in my angular code.

To do this, I first receive the data in my HTML file with the following code:

  <script type="text/javascript">
    var __firstName= <%- JSON.stringify(givenName) %>;
  </script>

Then, I inject it in a service in my .js file:

myApp.service('user', function() {
  return givenName=function(){
    var user = __firstName;
    return user;
  };  
});

which I inject in my controller:

var myApp = angular.module('frontApp', []);

    myApp.controller('teammateInviteCtrl', ['$scope', '$element', '$http', '$window', '$log', '$timeout', 'user', function ($scope, $element, $http, $window, $log, $timeout, user) {

      $scope.account = {
        given_name: user.givenName(),
        family_name: '',
        email: '',
        password: '',
        company: '',
        phone: ''
      };

    //some code

    }]);

But here I get an empty result for $scope.account.given_name. How can I fix this?

Have you used console.log to see where the data is being lost? — Davin Tryon
– Davin Tryon, Commented Feb 28, 2014 at 15:50
the data is defined properly on the HTML file but I lose it in the js file — Spearfisher
– Spearfisher, Commented Feb 28, 2014 at 15:51
which js file? Do you see the data in the service before it is used in the controller? — Davin Tryon
– Davin Tryon, Commented Feb 28, 2014 at 15:52
You probably need to inject __firstName into your service. I bet that is where the data is being lost. — Zack Argyle
– Zack Argyle, Commented Feb 28, 2014 at 15:58

djd · Accepted Answer · 2014-02-28 18:59:35Z

1

I recommend ng-init. Example.

 <div ng-init="user=<%- JSON.stringify(givenName) %>">

Note: I would strongly suggest to user a rest API and get the data as a JSON get from the server instead of this circus. But if you are hell bent on doing it this way, ng-init is much better solution compared to what you are trying to achieve.

answered Feb 28, 2014 at 18:59

djd

1,0011 gold badge7 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

use data from server in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related