passing data to angular.js from PHP

Question

I have my angular.js app built with a php page that contains a variable that my app needs on load. The angular app on load then uses this variable to fetch more data using a POST. What is the best practice for passing a variable to angular? Also, how can I tell angular to not run the initial controller function until after it has the variable loaded? Thanks in advance.

possible duplicate of How to pass variables and data from PHP to JavaScript? — dm03514
– dm03514, Commented Jun 15, 2015 at 13:26

michelem · Accepted Answer · 2015-06-15 13:59:19Z

3

In your case probably the best way is to write it down with something like this:

<script type="text/javascript">
    var _yourSpecialVar = <?php echo $variable ?>;
</script>

And in Angular:

$window._yourSpecialVar

EDIT:

For example in an Angular controller:

angular.module('app').controller('YourController', ['$scope', '$window', function($scope, $window) {
    $scope.myVar = $window._yourSpecialVar
}]);

edited Jun 15, 2015 at 13:59

answered Jun 15, 2015 at 13:27

michelem

14.6k5 gold badges55 silver badges67 bronze badges

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

2 Comments

scheblerc Over a year ago

is the angular part inside the controller file?

michelem Over a year ago

where you want, just inject $window

Charlie · Accepted Answer · 2015-11-26 18:33:50Z

0

Use ng-init to pass data from php to angular. It allows you to evaluate an expression in the current scope.

<div ng-init="<?PHP {name='John'}?>">

This directly goes to the scope.

answered Nov 26, 2015 at 18:33

Charlie

24k12 gold badges65 silver badges96 bronze badges

Collectives™ on Stack Overflow

passing data to angular.js from PHP

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related