How To Implement If Else Statement In AngularJS Templates

If Else Statement In AngularJS

Here we consider how to implement If Else Statement in AngularJS. If the version of AngularJS is 1.1.5 or above, we can use ng-if directive. Else, other angular directives can be used as per requirement.


ng-if Directive (For AngularJS 1.1.5 or ABove)


ng-if Directive (For AngularJS 1.1.5 or ABove)

If the version is 1.1.5 or above, we can use ng-if as follows. Lets consider one example here. Suppose we wants to hide and show one div with respect to the checkbox. If the checkbox is checked, the div will be visible. If the checkbox is not checked, the div will be hidden.



The value of checkbox will be bind to ng-model checked.

ng-if will make use of this ng-model for showing / hiding the Div.

By this way we can implement If Else Statement In AngularJS