1.AngularJS

一个构建动态Web应用程序的结构化框架。

基于JavaScript的MVC框架。(  MVC ---- Model（模型）、View(视图）、Controller（控制器） )

 

主要作用：

1）简化复杂Web应用的开发难度

     a) MVC程序架构，解耦应用逻辑、数据模型和视图

     b) 数据绑定

     c) 依赖注入

     d) Ajax服务

2）提高应用程序的可测试性、可维护性

 

擅长领域：

1）单页面应用程序Single Page Application（SPA）

2）CRUD程序

 

下载和使用

官网：

中文网：

文档：

 

AngularJS的使用：

 

2.Module:模块

创建方式：angular.module(‘myApp’,[]);

 

使用模块的好处：

1）保持全局命名空间的清洁；

2）编写测试代码更容易；

3）易于在不同的应用程序之间复用代码。

 

代码：

            
             
             
             
                             
                     
             
{
   {"hello"}}
                                                    

var app = angular.module('myApp',[]);//创建的模块赋值给app对象

 

3.Controller和scope

控制器：在AngularJS中控制器是一个函数，用来向视图的作用域添加额外的功能，用来设置作用域的初始状态并添加自定义行为。

 

控制器的声明：

app.controller(‘controllerName’,function($scope){...}) //app对象是angularJs定义好的模块

控制器的使用：

在需要的地方（html某个标签上）添加ng-controller

 

使用控制器注意事项：

1）尽可能精简控制器，制作和$scope相关的操作

2）不适合在控制其中执行DOM操作、格式化或数据操作。

 

控制器的嵌套

控制器之间可以发生嵌套关系，子控制器可以访问父控制器中的属性和方法。

 

代码：

            
             
             
             
                             
                     
             
{
   {"hello"}}
        Test
             
{
   {num}}
                
     
                  
      Test,myController2            
      {
   {num}}        
     
                                    

var app = angular.module('myApp',[]);//创建的模块赋值给app对象//controller  $scope:作用域对象app.controller('myController',function($scope){    $scope.num=0;//视图中的num变量        //add方法 视图中的add()    $scope.add=function(){        $scope.num++;    };});app.controller('myController2',function($scope){    });