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

新春节后，分享第一个教程。

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

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

public class BundleConfig{// For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862public static void RegisterBundles(BundleCollection bundles){//bundles.Add(new StyleBundle("~/bundles/css").Include(//            "~/Content/css/angularvalidate.css"//            ));
bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-3.1.1.js"));bundles.Add(new ScriptBundle("~/bundles/angular").Include("~/Scripts/angular.js","~/Scripts/angular-route.js"));}}

Source Code

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

public class MvcApplication : System.Web.HttpApplication{protected void Application_Start(){AreaRegistration.RegisterAllAreas();FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);BundleTable.EnableOptimizations = true;BundleConfig.RegisterBundles(BundleTable.Bundles);RouteConfig.RegisterRoutes(RouteTable.Routes);}}

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等指令，实际说明，可以官方解释。

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

转载于:https://www.cnblogs.com/insus/p/8520555.html

ASP.NET MVC下使用AngularJs语言(一)：Hello your name相关推荐

ASP.NET MVC下使用AngularJs语言(三)：ng-options
今天使用angularjs的ng-options实现一个DropDownList下拉列表. 准备ASP.NET MVC的model: public class MobilePhone{public i ...
asp.net mvc下的多语言方案包含Html，Javascript和图片
在网上查阅了众多方案,觉得路过秋天的方案解耦性比较好,可以不使用微软的Resource文件,而是将所有的词汇放入在一个txt的词典之中,便于维护. 步骤如下: 1)在整个程序的入口处global.a ...
如何在 ASP.NET MVC 中集成 AngularJS（3）
今天来为大家介绍如何在 ASP.NET MVC 中集成 AngularJS 的最后一部分内容. 调试路由表 - HTML 缓存清除就在我以为示例应用程序完成之后,我意识到,我必须提供两个版本的路由表 ...
如何在 ASP.NET MVC 中集成 AngularJS（2）
在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中 ...
如何在 ASP.NET MVC 中集成 AngularJS
介绍当涉及到计算机软件的开发时,我想运用所有的最新技术.例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务.另外,还有最新的数据库技术.最新 ...
ASP.NET MVC下的四种验证编程方式[续篇]
ASP.NET MVC下的四种验证编程方式[续篇] 原文:ASP.NET MVC下的四种验证编程方式[续篇] 在<ASP.NET MVC下的四种验证编程方式>一文中我们介绍了ASP.NET ...
ASP.NET MVC下基于异常处理的完整解决方案
ASP.NET MVC下基于异常处理的完整解决方案参考文章: (1)ASP.NET MVC下基于异常处理的完整解决方案 (2)https://www.cnblogs.com/artech/archi ...
Response.End()在Webform和ASP.NET MVC下的表现差异
前几天在博问中看到一个问题--Response.End()后,是否停止执行?MVC与WebForm不一致.看到LZ的描述后,虽然奇怪于为何用Response.End()而不用return方式去控制流程 ...
Pro ASP.NET MVC –第四章语言特性精华
C#语言有很多特性,并不是所有的程序员都了解本书我们将会使用的C#语言特性.因此,在本章,我们将了解一下作为一个好的MVC程序员需要了解C#语言的特性. 每个特性我们都只是简要介绍.如果你想深入了解L ...

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

ASP.NET MVC下使用AngularJs语言(一)：Hello your name相关推荐

最新文章

热门文章