How to access global js variable in AngularJS directive

by

I created a working CodePen example demonstrating how to do this the correct way in AngularJS. The Angular $window service should be used to access any global objects since directly accessing window makes testing more difficult.

HTML:

<section ng-app="myapp" ng-controller="MainCtrl">
  Value of global variable read by AngularJS: {{variable1}}
</section>

JavaScript:

// global variable outside angular
var variable1 = true;

var app = angular.module('myapp', []);

app.controller('MainCtrl', ['$scope', '$window', function($scope, $window) {
  $scope.variable1 = $window.variable1;
}]);

More Related Contents:

  1. Global variables in AngularJS
  2. Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
  3. Redirecting to a certain route based on condition
  4. What is the Angular equivalent to an AngularJS $watch?
  5. Why do we use $rootScope.$broadcast in AngularJS?
  6. Custom sort function in ng-repeat
  7. AngularJS and its use of Dollar Variables
  8. Remove Blank option from Select Option with AngularJS
  9. ng-repeat filtering data by date range
  10. Set Page title using UI-Router
  11. How to send and retrieve parameters using $state.go toParams and $stateParams?
  12. AngularJS resource promise
  13. Validate form field only on submit or user input
  14. Simple AngularJS running on JSFiddle
  15. AngularJS – How can I reference the property name within an ng-Repeat
  16. exact filter in angular
  17. Invoking modal window in AngularJS Bootstrap UI using JavaScript
  18. Can protractor be made to run slowly?
  19. AngularJS custom form component / directive using ng-model
  20. How to set the dynamic controller for directives?
  21. Angularjs autocomplete from $http
  22. Format telephone and credit card numbers in AngularJS
  23. Using $index with the AngularJS ‘ng-options’ directive?
  24. Making an angular filter conditional
  25. Telling Angular Js to ignore a specific route
  26. angularjs ui-router strange behaviour with additional segment in route
  27. Fontawesome is not working when project is built with grunt
  28. angularjs text area character counter
  29. Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?
  30. scope and controller instantiation with ui router

Leave a Comment