Part 1 - How to setup AngularJS in MVC application

This is our First Post about AngularJS. Here I have explained a little about AngularJS and What we will learn in this section part by part. In this part (Part 1) I am going to explain how to setup AngularJS in MVC application.

[goinghard]

Hello Sir Mondal, with all due respect your tutorials are great but they are less interactive for the user watching them without communication and SOUND from the tutor please kindly consider adding sound

[dkp_dk]

Very useful article . I learnt about asp.net mvc with angular js. Thank

[fionaws]

I got the {{Message}} on the Index page too. I changed: var app = angular.module('MyApp', ['ng-route']) into var app = angular.module('MyApp', []). Now it works. (I'm using MVC 5 )

[rekhas]

Awesome ... Keep It up.Please Add more videos soon...

[MuhammadAbdullah-cnqz]

Mr sourav mondal thankss for ur efforts for us :)

[in]

gonna watch this tutorial as soon as I finish the Backand Tutorial.

[younus]

Hey Bro Can u tell me how your files automatically included in project, I must need to first do show all files then select them then clock include in project..What type of setting need for this, Thanx, I am tallking about 2:50 to 2:55

[dpm]

sourav mondal the part-1 tutorial is not working as expected. I followed all the steps exactly the same using Visual studio 2012 MVC 4 application, the {{Message}} on the view page Index.cshtml just prints {{Message}} instead binding the actual value "Yahoo.. we got..."

[natiggaraisayev]

Good. But, it would be better with sound.

[frankabbas]

I have created the login form but how can I make the Application not visible without logging in ? currently I can't click home or my other tabs don't need to log in order to access the rest of the page ?
any help and tips are really appreciate it

[stackoverflowcodeproject]

An exception of type 'System.ArgumentException' occurred in System.Web.Optimization.dll but was not handled in user code

Additional information: The URL 'bundles/angular' is not valid. Only application relative URLs (~/url) are allowed.




i got a weird trouble with the solution.

I did the video steps 2 times, every single details, and appers this.

I'd really appreciate it.

I don't know which is the error, and i dont know who to solve it i tried, everything in the video blog, but i couldnt, its seems the other user dont get this error.

[GetShaky]

If you get {{Message}} change in MyAp.jd this line - var app = angular.module('MyApp', ['ng-Route']) - to this - var app = angular.module('MyApp', ['ngRoute'])
That's all.

[vasuboya]

Without explanation no use to any one except you man.

[mayank]

Can you add sound in your videos. It will be more easy ti understand and one will not feel bored.

[praveenparasharmusic]

thanks it is very nice only one glitch in setup, it is ngRoute not ng-Route

[mohitgangwar]

sir please upload how to upload profile pic and save path in database using angularjs with asp.net mvc without Entity Framework

[vikkikumar]

Hello sir there is no Audio in this vedio how to understand without sound sir..

[sateesh]

Hi sir, I can't here voice...can you please tell me, how to get voice.

[thirupathireddy]

Getting error ng-route not available in mvc 5 bcause ng-Route is defined as a ngRoute in angular.route.js file.To avoid error use ngRoute in place of ng-Route in MyApp.js file

[muhammadumair]

I Have this error
r = d.module("ngRoute", ["ng"]).provider("$route", function () {
in angular.route.min.js file
line no 18 column no 78