angularJS在github上面进行一个代码的托管
地址：https://github.com/angular/angularjs.org
注意：需要兼容IE8的同学请下载1.3之前的版本，在1.3之后已经放弃了IE8，估计是为了以后大版本升级做铺垫吧。各个版本的下地址在这里https://github.com/angular/angular.js/releases
新建一个hello.html
<script src="/soa-rest/static/app-js/angular.js"></script>
<script src="/soa-rest/hello.js"></script>
angular.js是 NG的核心文件必须导入 hello.js 是书写我们自己的js代码文件。
在hello.js中加入如下代码
var app = angular.module('helloModule',[])
.controller('helloController',['$scope',function($scope){
$scope.world = 'World !!';
}]);
第一行
var app = angular.module('helloModule',[])
告诉NG我要创建一个新的模块，第一个参数是模块的名字‘helloModule’，第二个参数是一个数组，传入所依赖的模块名称。这里我们只是一个简单的hello，不需要以来其他模块，所以传入一个空数组即可。
第二行
.controller('helloController',['$scope',function($scope){
$scope.world = 'World !!';
}]);
NG是支持链式编程的，可以直接点，也可以使用app.的方式，看自己习惯，我更习惯链式编程的方式。这里看到一个新的单词‘controller’，没有错这就是NG中mvc的控制器的创建方式，第一个参数是控制器的名称，第二个参数是一个数组。在数组中第一二个参数是‘$scope’，scope的意思是域，同样在NG中他同样也是作用域的概念，这是一盒NG内置的对象，也可以理解为当前控制器作用域，NG中使用它来进行双向数据绑定，方法绑定等等。第二个参数是匿名函数，NG在执行的时候看到我们声明在匿名函数之前的‘$scope’便会把$scope注入给我们，我定义一个参数接受即可，如果没有找到我们所需要的便会抛出Error（是不是和spring的注入一样呢？思想是一样呀,嘿嘿！）。在匿名方法内部声明一个局部变量为world，并且赋值。这样子控制器就算写好了。
在hello.html页面中编写
<body ng-app="helloModule">
<div ng-controller="helloController">
hello <span ng-bind="world"></span>
<br>
hello <span>{{world}}</span>
</div>
</body>
第一行中的body中有一个属性为ng-app，意思为程序的入口，等同于java中的main方法。一个应用一般存在一个入口即可。ng-app的值其实就算我们刚刚声明的模块的名称。接下来的第二行一个DIV 中有一个属性 ng-controller 看单词意思就知道是ng的控制器了，value是刚刚创建的控制器的名称即可。在NG中有两种获取值得方式 ，第一种方式就算使用{{}}两对大括号的方式，这种方式是存在一定的问题的。在刷新速度过快活着网络卡顿的时候，会将{{key}}这种代码级别的展示给用户。第二章方式很好的解决了这一问题，使用NG提供的属性ng-bind 即可，简单把！以上步骤完成之后刷新hello.html 。
hello World !!
hello World !!
两个hello World就打印在页面上了。
- 大小: 27.1 KB
分享到：
相关推荐
将AngularJS与ASP.NET MVC结合使用，可以实现前后端分离的开发模式，前端利用AngularJS处理用户交互和页面逻辑，后端ASP.NET MVC专注于API接口的提供和服务端的业务逻辑处理。这种模式有助于提高开发效率，减少重复...
Spring、MVC和AngularJS是Web开发中的三个关键框架，它们各自在不同的层面提供功能，协同工作以构建高效、响应式的应用程序。在这个"Spring+MVC+AngularJS例子"中，我们将深入理解这三个技术如何结合在一起，以创建...
在IT行业中，AngularJS和ASP.NET MVC是两个非常重要的框架，它们在构建高效、动态的Web应用程序方面发挥着关键作用。下面将详细讲解这两个技术及其整合应用。 AngularJS，由Google开发，是一款强大的前端JavaScript...
MVC框架
首先，AngularJS是一个强大的前端JavaScript框架，由Google维护，它提供了数据绑定、依赖注入、模块化和路由等功能，使得创建交互式用户界面变得更加简单。在SPA中，AngularJS负责处理视图的更新和用户交互，以及与...
actionScript的pureMVC框架HelloWorld,对于刚刚学习pureMVC的初学者有帮助
综上所述，"angularjs 和 MVC的结合"的学习涵盖了前端的AngularJS框架，包括路由配置、数据绑定和指令使用，以及后端的MVC设计模式，特别是C#中的ASP.NET MVC框架的应用。这种结合使得开发人员能够构建出既具有动态...
前端MVC框架AngularJS路由视图所需资源Angular-route.js
比较知名的前端MVC框架包括AngularJS、Backbone.js和Ember.js等。这些框架各有千秋，但它们都是围绕着MVC三个核心组件设计的，为前端开发提供了组件化、模块化的开发方式，帮助开发者更加高效地构建复杂的单页应用...
AngularJS作为一款强大的前端框架，在电商系统的开发过程中发挥着重要作用。通过其MVC架构、模块化设计、双向数据绑定等特性，可以显著提升开发效率和用户体验。对于开发者而言，掌握AngularJS不仅能够帮助他们在...
这个项目 "spring-mvc-helloworld" 是一个基础的 Spring MVC 示例，用于帮助初学者理解其工作原理。 1. **MVC 架构模式**： MVC 是一种设计模式，用于分离应用程序的数据、业务逻辑和用户界面。Model 负责处理数据...
本项目是用C++实现的一个简单的MVC框架，名为MVCDemo，旨在帮助开发者理解MVC设计模式的基础概念。 首先，我们来详细解释MVC的三个组成部分： 1. Model（模型）：模型层是应用的核心，它负责管理数据和业务逻辑。...
一个国人写的开源blog系统,使用ASP.NET MVC框架开发. 具有以下优点： 1，代码精练,优雅,。 ２,使用了大量的设计模式 ３，采用N层架构设计，分层非常合理。 4，支持强大的扶肤功能 5，大量使用了.net Framework 3.5...
在这个框架中，"helloworld框架"的前端可能包含一个简单的“Hello, World!”按钮，当用户点击时，会触发一个Ajax请求，向服务器发送数据。 2. 后端：后端接收到前端的请求后，会进行相应的处理。这可能涉及数据库...
AngularJS作为一个强大的MVC框架，为开发者提供了丰富的指令库来简化DOM操作，提升开发效率。本篇文章将深入探讨一个基于AngularJS的前端项目——"angularjs-dropdown-multiselect"，它提供了一个功能完善的下拉多选...
C# MVC（Model-View-Controller）经典框架是基于微软.NET平台的一种强大的Web应用程序开发模式。这个框架结合了MVC设计模式的灵活性和C#语言的强类型特性，为开发者提供了构建可维护、高性能和高度分层的Web应用的...
Spring3MVC-REST-HelloWorld 是一个基础的示例，用于展示如何在Spring框架的MVC模块中实现RESTful Web服务。这个实例是初学者理解Spring MVC与REST结合使用的理想起点。REST（Representational State Transfer）是一...
CRUD（创建、读取、更新、删除）是任何数据管理系统的四大基本操作，而ASP.NET MVC 4和AngularJS都是构建Web应用的强大框架。在这个项目"CRUD-MVC4-AngularJS"中，我们将深入探讨如何在ASP.NET MVC 4后端与AngularJS...
我自己写的Spring MVC的一个HelloWold，从建HelloWorld工程，搭建环境Install spring，配置web.xml，配置SpringMVC的配置文件springDispatcherServlet-servlet.xml，添加控制器类，建jsp页面，部署 Tomcat，最后运行...