Show or Hide HTML Elements Based on Datepicker Selection Using the ng-if Directive

Click or focus on the textbox labeled Select a date to open the jQuery Datepicker. Choose a date to dynamically display an <input /> field below it using the AngularJS ng-if directive. When the selected date is cleared, the input box is automatically "removed" from the page.

(ng-if expression is true)

Go back to the Tutorial
More interesting and interactive Demos