Using the angular.js ng-show directive to toggle the display of an element
When working with angular.js there may come a time to have a way to toggle the display of a given element. There are many ways of doing this, but if you wish to stick to some kind of angular.js built in way of pulling it off there is ng-show.
The ng-show directive will show or hide the element that it is used in depending on the expression provided to it with the ng-show attribute. This can be a useful way to toggle the display of something on and off, such as a UI component of some kind that is part of a custom directive.
The ng-show directive basic use example
For the HTML I have this worked out where I have a main div element that is where I will have my main mount point for this demo. I am then using the nv controler directive and using the value toggle for it. For a nested div I am then using the ng-show direction and have some nested content in that div that will display when it is viable.