AngularJS access scope from outside js function

by

You need to use $scope.$apply() if you want to make any changes to a scope value from outside the control of angularjs like a jquery/javascript event handler.

function change() {
    alert("a");
    var scope = angular.element($("#outer")).scope();
    scope.$apply(function(){
        scope.msg = 'Superhero';
    })
}

Demo: Fiddle

More Related Contents:

  1. ‘this’ vs $scope in AngularJS controllers
  2. What is the difference between ‘@’ and ‘=’ in directive scope in AngularJS?
  3. How do I use $scope.$watch and $scope.$apply in AngularJS?
  4. If you are not using a .(dot) in your AngularJS models you are doing it wrong?
  5. How do I access the $scope variable in browser’s console using AngularJS?
  6. AngularJS access parent scope from child controller
  7. $rootScope.$broadcast vs. $scope.$emit
  8. When writing a directive in AngularJS, how do I decide if I need no new scope, a new child scope, or a new isolated scope?
  9. Does my ng-model really need to have a dot to avoid child $scope problems?
  10. Rendering directives within $sce.trustAsHtml
  11. How to call a function from another controller in AngularJS? [duplicate]
  12. How do I ignore the initial load when watching model changes in AngularJS?
  13. Get value when selected ng-option changes
  14. Directive isolate scope with ng-repeat scope in AngularJS
  15. angularJS: How to call child scope function in parent scope
  16. AngularJS : ng-repeat filter when value is greater than
  17. AngularJs: Reload page
  18. How to modify scope from within a directive in AngularJs
  19. Angular scope function executed multiple times
  20. Why is using if(!$scope.$$phase) $scope.$apply() an anti-pattern?
  21. How to trigger a method when Angular is done adding scope updates to the DOM?
  22. Model in a modal window in angularjs is empty
  23. AngularJS $watch vs $watchCollection: which is better for performance?
  24. Typescript async/await doesnt update AngularJS view
  25. AngularJS controller inheritance
  26. AngularJS: How to nest applications within an angular app
  27. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  28. ng-click doesn’t work within the template of a directive
  29. Access Parent Scope in Transcluded Directive
  30. scope and controller instantiation with ui router

Leave a Comment