The ng-disabled Directive

The ng-disabled directive make the HTML element enabled or disabled. ng-disabled directive can be set to true or false.

<button ng-disabled="true">Click Me!</button>

Example: Click the checkbox to make the button enable or disabled.

The ng-show Directive

The ng-show directive shows or hides an HTML element.

<p ng-show="true">I am visible.</p>

The ng-hide Directive

ng-hide directive is similar to ng-show, only the difference is that it will hide the HTML element, if it set to true.

Toggle Button

If you want to show a section of HTML code when a button is clicked, and hide when the button is clicked again, than make the button behave like a toggle button