Using page’s angular JS in chrome extension

by

Hmm.. Actually you should be just able to change the value using vanilla Javascript or JQuery and should not need to update the scope as it is two-way binding ie. Updating the view updates the model and vice-versa.

The only reason why the model does not update is because the watchers to update the model trigger only on particular events like “click” or “input”.

So the solution here would be to manually trigger these events.
This can be do by:

// the selector used is based on your example.
var elementTOUpdate = $('.textbox');
input.val('new-value');
input.trigger('input');

The last statement will trigger all the handlers on the element for the “input” event ( which will fire the angular watchers ) and update the scope.
More info on the trigger function:
http://api.jquery.com/trigger/

More Related Contents:

  1. AngularJS changes URLs to “unsafe:” in extension page
  2. Angularjs minify best practice
  3. parsing JSONP $http.jsonp() response in angular.js
  4. How to pass parameters using ui-sref in ui-router to the controller
  5. AngularJS : Factory and Service? [duplicate]
  6. How to return data from promise [duplicate]
  7. AngularJS $http and $resource
  8. Promise.all behavior with RxJS Observables?
  9. How to load json into my angular.js ng-model?
  10. Removing # from url in Angularjs while having .run in routes
  11. What is the cause for “angular is not defined”
  12. AngularJS : Clear $watch
  13. Angular Js and google api client.js (gapi)
  14. Not a Legal JSONP API — How to get data without CALLBACK parameter
  15. Injecting Dependencies in config() modules – AngularJS
  16. WARNING: Tried to load angular more than once. Angular JS
  17. What is the difference between $scope.$root and $rootScope?
  18. Call angularjs function using jquery/javascript
  19. Pass parent scope value into ng-repeat loop in Angular
  20. How to fix chrome-extension inline JavaScript invocation error?
  21. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  22. Clear localStorage on tab/browser close but not on refresh
  23. Angular controller scope not updating after jQuery ajax call
  24. Chrome extension identity.email empty
  25. Unchecked runtime.lastError: Cannot access contents of url “”. Extension manifest must request permission to access this host. In manifest 3
  26. Can’t pass arguments to chrome.declarativeContent.SetIcon
  27. angularjs: change filter options dynamically
  28. Blob download is not working in IE
  29. Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller
  30. Chrome Extension get selected text

Leave a Comment