ASP.NET MVC下使用AngularJs语言(一):Hello your name

是教一位新朋友全新学习ASP.NET MVC下使用AngularJs语言。


一,新建一个空的Web项目。使用NuGet下载AngularJs和jQuery。
二,配置BundleConfig.cs:

 Source Code


三,配置Global.asax。编写Application_Start()方法,启用上面bundles的angularjs和jQuery引用。

 Source Code


四,项目使用ASP.NET MVC框架Layout:

五,为ASP.NET MVC创建一个控制器:

六,在项目下,创建一个angularjs目录,将用来存储angularjs代码文档,如app或controller等。下面新建一个app.js

七,为ASP.NET MVC创建一个视图:

上面html程序中,有使用了ng-app,ng-model和ng-bing等指令,实际说明,可以官方解释。

下面演示一下程序运行交互情形: