AngularJS: ng-if not working in combination with ng-click?

by
  1. Why does 1 not work?: Because an ngIf defines its own scope, which prototypically inherits from its parent scope (just like ngRepeat). So, when you change the value of a field inside an ngIf, you change it in the ngIf scope, and not in its parent scope.
  2. Should 1 work?: No
  3. Why does 2 work?: Because in that case you modify the content of an object which is referenced by the ngId scope, through inheritance.
  4. Should 2 work?: Yes
  5. Can I rely 2 to work in future updates of AngularJS?: Why shouldn’t you?

This scope inheritance mechanism is explained very well in https://github.com/angular/angular.js/wiki/Understanding-Scopes

More Related Contents:

  1. What is Hungarian Notation? [duplicate]
  2. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
  3. how to split the ng-repeat data with three columns using bootstrap
  4. What is the correct syntax of ng-include?
  5. What is the difference between compile and link function in angularjs
  6. AngularJS – ng-disabled not working for Anchor tag
  7. AngularJS – how to get an ngRepeat filtered result reference
  8. What is the $$ (double dollar sign) used for in angular?
  9. How do you serve a file for download with AngularJS or Javascript?
  10. Angular 2: Callback when ngFor has finished
  11. adding and removing classes in angularJs using ng-click
  12. How does the $resource `get` function work synchronously in AngularJS?
  13. Using Jquery Datatable with AngularJs
  14. How to debug angular protractor tests in WebStorm
  15. What’s the difference/incompatibility between ng-model and ng-value?
  16. Where to put model data and behaviour? [tl; dr; Use Services]
  17. Is AngularJS just for single-page applications (SPAs)?
  18. Using Inline Templates in AngularJS
  19. Including SVG template in Angularjs directive
  20. How can I listen for a click-and-hold in AngularJS?
  21. Pass Angular scope variable to Javascript
  22. Why do angularjs controller declaration have this syntax structure?
  23. Difference between $scope and $rootScope
  24. Iteration ng-repeat only X times in AngularJs
  25. Extending AngularJs Directive
  26. Using a Relative Path for a Service Call in AngularJS
  27. Angular UI-Router more Optional Parameters in one State
  28. Understanding the ngRepeat ‘track by’ expression
  29. How can I use an AngularJS filter to format a number to have leading zeros?
  30. Angular controller scope not updating after jQuery ajax call

Leave a Comment