Ng-model does not update controller value

by

“If you use ng-model, you have to have a dot in there.”

Make your model point to an object.property and you’ll be good to go.

Controller

$scope.formData = {};
$scope.check = function () {
  console.log($scope.formData.searchText.$modelValue); //works
}

Template

<input ng-model="formData.searchText"/>
<button ng-click="check()">Check!</button>

This happens when child scopes are in play – like child routes or ng-repeats.
The child-scope creates it’s own value and a name conflict is born as illustrated here:

See this video clip for more: https://www.youtube.com/watch?v=SBwoFkRjZvE&t=3m15s

More Related Contents:

  1. AngularJS : ng-model binding not updating when changed with jQuery
  2. How does data binding work in AngularJS?
  3. How to do two-way filtering in AngularJS?
  4. Render value without data-binding
  5. The view is not updated in AngularJS
  6. Share data between AngularJS controllers
  7. Delete firebase data older than 2 hours
  8. How to pass parameters using ui-sref in ui-router to controller
  9. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  10. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  11. Maintain model of scope when changing between views in AngularJS
  12. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  13. use $http inside custom provider in app config, angular.js
  14. What is the difference between & vs @ and = in angularJS
  15. Click everywhere but here event
  16. Does it make sense to use Require.js with Angular.js? [closed]
  17. SyntaxError: expected expression, got ‘
  18. Turn off URL manipulation in AngularJS
  19. How to read response headers in angularjs?
  20. angularJS display base64 image
  21. CSS: Change parent on focus of child
  22. ScrollTo function in AngularJS
  23. AngularJS ng-repeat handle empty list case
  24. Retain scroll position on route change in AngularJS?
  25. Setting application wide HTTP headers in AngularJS
  26. What is the difference between $scope.$root and $rootScope?
  27. Call angularjs function using jquery/javascript
  28. Pass parent scope value into ng-repeat loop in Angular
  29. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  30. Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller

Leave a Comment