---
title: "Navigation Menu in Angular JS"
description: "In this blog, I’m explaining how to create a navigation menu using angular js.Step 1First create an empty asp.net application and add a web form named"
author: "Sumit Kesarwani"
published: 2014-03-15
updated: 2014-09-18
canonical: https://www.mindstick.com/blog/660/navigation-menu-in-angular-js
category: "angular js"
tags: ["single page app", "angular js"]
reading_time: 2 minutes
---
# Navigation Menu in Angular JS
In this blog, I’m explaining how to create a [navigation menu](https://www.mindstick.com/forum/158677/how-can-create-a-responsive-navigation-menu-that-adapts-to-different-screen-sizes) using [angular js](https://www.mindstick.com/forum/33800/how-to-add-edit-update-record-in-angular-js-in-mvc).
Step 1
First create an empty [asp.net application](https://www.mindstick.com/forum/540/using-stored-procedures-with-entity-framework-in-an-asp-dot-net-application) and add a web form named ”Default.aspx” to it.
Now add “angular.min.js” file to [your project](https://www.mindstick.com/forum/156583/best-way-to-link-bootstrap-file-in-your-project) because this file is necessary for working with angular js.
##### Step 2
Now add “angular.min.js” file to your head section of [your page](https://answers.mindstick.com/qa/32580/how-do-you-pay-facebook-to-help-boost-your-page) by drag-n-drop from the solution [explorer](https://www.mindstick.com/forum/34658/want-to-developed-windows-explorer-without-using-telerik) like this:
```
Navigation Menu
```
##### Step 3
Next add the ng-app [attribute](https://www.mindstick.com/blog/221/attributes-reflection) to the body tag:
By defining the ng-app attribute in the body tag, it denotes that the angular will active on whole body tag. If you want to enable angular for whole html page, put it in [html tag](https://www.mindstick.com/forum/78/how-avoid-the-html-tag-and-remove-the-formating-of-copy-in-ajax-editor).
##### Step 4
Now write the following code in the body section of the webpage:
```