Single Page Application Part 1 SPA with Angular

Single page application with asp.net MVC and Angularjs. This part one for SPA application. In this part we setup project for angularjs, create design and structure for the application. This project is for asp.net mvc and angularjs developer who want to start their code with .net mvc and angularjs.

Following are steps you can follow to create SPA

Create Asp.net MVC 4 Basic Application

Add Nuget Bootstrap, Angularjs

Add Home Controller And then add Index View

Make entry in bundleConfig file for bootstrap and angular js/css

Add reference of bundle file to _layout.cshtml file

inject ng-app in _layout.cshtml file.

copy code from bootstrap website for sample project and past into Index.cshtml file

Copy SampleProject css file.

Create Following Folder structure

Scripts
Angular
Controllers
Templates

Create MyApp.js under Scripts/Angular And Add in bundle config.

Find More tutorial on : angularwithmvc.com