---
title: "If else statement in AngularJS."
description: "If else statement in AngularJS."
author: "Revati S Misra"
published: 2024-06-17
updated: 2024-06-18
canonical: https://www.mindstick.com/forum/160749/if-else-statement-in-angularjs
category: "angular js"
tags: ["javascript", "angular js"]
reading_time: 2 minutes
---
# If else statement in AngularJS.
[if else statement](https://www.mindstick.com/forum/55162/how-to-use-if-else-statement-in-java) in AngularJS templates.
## Replies
### Reply by Ashutosh Patel
### If-else in AngularJS
In AngularJS, you typically use directives like ng-if, ng-show, and ng-switch to create condition statements directly in your HTML templates, rather than using traditional JavaScript if-else statements
**Using ng-if**\
Removes or reconstructs a portion of the DOM tree based on the `ng-if` specification. It is often used to represent different things in a situation.
```typescript
```
**Using ng-show**\
`ng-show` Conditionally **shows** or **hides** objects based on the expression by removing them from the DOM.
```typescript
```
**Using ng-switch**\
`ng-switch` uses conditions to change the DOM structure based on the value.
```plaintext
```
**Using JavaScript if-else in AngularJS**\
AngularJS does not encourage the insertion of JavaScript if-else statements directly into templates for arguments. Instead, you need to prepare the necessary data or boolean expressions in your controller or component, and use the Angular instructions shown above to implement the conditional definition.
## Example-
A simple AngularJS program shows how to use of `ng-if` directives.
```html
Focus input field Example