Access global variable in angular

Question

I am using node express and angular. In my express app.js, I declare a route and pass a variable to the rendered page, like so...

app.get('/test' function(req, res){
  res.render('test', { user: 12345 });
});

In my 'test' view, I link the container to angular with ng-controller, like so...

<div ng-controller='testCtrl'> <!--some markup here--> </div>

And in my angular controllers.js, I declare a function for my view, like so...

function testCtrl($scope) {
    /*...some code here...*/
}

How can I access the 'user' variable that I passed in to the view from express, inside my controller function?

Josh David Miller · Accepted Answer · 2013-03-01 17:53:53Z

7

Because you're using a template to render a view, there are two different executions: (1) your server is rendering a page (using the user var) and then (2) the browser runs AngularJS. So you can't pass a variable from (1) into (2).

However, there is a directive called ngInit that will parse an expression during bootstrap. If you're using Jade templates in ExpressJS, you could do something like this:

div(ng-init='user = "'+user+'"')

Which would render the HTML like so:

<div ng-init="user = 'whatever-server-sent'"></div>

So when AngularJS bootstraps this part of the page (or this partial or template) then user will become a scope variable with the value from the server.

I didn't test the Jade code and I'm not a Jade expert, but this should put you on the right track. If you're using a different templating engine, let me know and I'll revise the answer.

answered Mar 1, 2013 at 17:53

Josh David Miller

121k16 gold badges129 silver badges95 bronze badges

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

1 Comment

supermasher Over a year ago

Thanks Josh, a great help indeed and +1 for identifying the root of my confusion :)

Adam B · Accepted Answer · 2016-02-19 03:55:58Z

-1

Jade variables can be accessed in Angular by assigning interpolated value to a variable in ng-init

First you have to stringify the user and then interpolate using #{value} div(ng-init = 'angularUser = #{JSON.stringify(user)}')

In this situation the user variable is a Jade variable

edited Feb 19, 2016 at 3:55

Adam B

3,8433 gold badges34 silver badges42 bronze badges

answered Feb 18, 2016 at 11:58

Farhan Mahmood

11 bronze badge

1 Comment

Ricardo Pontual Over a year ago

please read this: stackoverflow.com/help/how-to-answer to help you write and format your answer.

Collectives™ on Stack Overflow

Access global variable in angular

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related