Pass Angular scope variable to Javascript

by

This way is long but it works:

    angular.element(document.querySelector('[ng-controller="add"]')).scope().streetName

More readable:

    var dom_el = document.querySelector('[ng-controller="add"]');
    var ng_el = angular.element(dom_el);
    var ng_el_scope = ng_el.scope();
    var street_name = ng_el_scope.streetName;

And it’s much shorter if you’re using jQuery:

    var street_name = $('[ng-controller="add"]').scope().streetName;

Link to jsfiddle demo

More Related Contents:

  1. Redirect a state to default substate with UI-Router in AngularJS
  2. How to select option in drop down protractorjs e2e tests
  3. How to run function in AngularJS controller on document ready?
  4. What is the lifecycle of an AngularJS Controller?
  5. how to use Protractor on non angularjs website?
  6. SyntaxError: expected expression, got ‘
  7. Turn off URL manipulation in AngularJS
  8. Angularjs ui-router not reaching child controller
  9. AngularJS dynamic form field validation
  10. Angular JS: What is the need of the directive’s link function when we already had directive’s controller with scope?
  11. Angularjs $http post file and form data
  12. ES6 Promise not Updating AngularJS DOM [duplicate]
  13. ScrollTo function in AngularJS
  14. Print a div using javascript in angularJS single page application
  15. How can I use HTTPS in AngularJS?
  16. How to implement hierarchical multilevel datatable in javaScript?
  17. What is the difference between Polymer elements and AngularJS directives?
  18. Show pop-ups the most elegant way
  19. Webstorm: “Cannot Resolve Directory”
  20. Angularjs – simple form submit
  21. Adding rows with ng-repeat and nested loop
  22. Angular passing scope to ng-include
  23. $resource callback (error and success)
  24. AngularJS: initialize ZURB Foundation JS
  25. AngularJS: lazy loading controllers and content
  26. Is it a bad practice to use jQuery in Angular? [closed]
  27. Rename Object Key in an array using javascript
  28. Function Called Multiple Times in AngularJS Repeat Section
  29. Load static JSON file in Webpack
  30. Decode HTML entity in Angular JS

Leave a Comment