AngularJS: ng-show / ng-hide not working with `{{ }}` interpolation

by

The foo.bar reference should not contain the braces:

<p ng-hide="foo.bar">I could be shown, or I could be hidden</p>
<p ng-show="foo.bar">I could be shown, or I could be hidden</p>

Angular expressions need to be within the curly-brace bindings, where as Angular directives do not.

See also Understanding Angular Templates.

More Related Contents:

  1. AngularJS Group By Directive without External Dependencies
  2. File Upload using AngularJS
  3. AngularJS Multiple ng-app within a page
  4. How to use a keypress event in AngularJS?
  5. How to POST binary files with AngularJS (with upload DEMO)
  6. Exists Angularjs code/naming conventions? [closed]
  7. Error with $http.get in angularJS — Success not a Function [duplicate]
  8. How to generate url encoded anchor links with AngularJS?
  9. angular-ui-router with requirejs, lazy loading of controller
  10. How to pass data between sibling components without using $scope?
  11. Update scope value when service data is changed
  12. Enable angular-ui tooltip on custom events
  13. Accessing attributes from an AngularJS directive
  14. AngularJS: Upload files using $resource (solution)
  15. AngularJS – How can I do a redirect with a full page load?
  16. How to simulate a drag and drop action in protractor?
  17. How do I store a current user context in AngularJS?
  18. Modules and namespace / name collision in AngularJS
  19. RegEx for no whitespace at the beginning and end
  20. What is the Angular ui-router lifecycle? (for debugging silent errors)
  21. How do I create an AngularJS UI bootstrap popover with HTML content?
  22. How do I handle right-click events in angular.js?
  23. AngularJS – wait for multiple resource queries to complete
  24. angularjs move focus to next control on enter
  25. AngularJS $watch vs $watchCollection: which is better for performance?
  26. How to master AngularJS? [closed]
  27. Understanding the transclude option of directive definition?
  28. How to integrate AngularUI to AngularJS?
  29. how to pass querystring in angular routes?
  30. Two views in one AngularUI Router state sharing scope

Leave a Comment