AngularJS快速入门

一 什么是AngularJS

官方定义：AngularJS是HTML开发本应该的样子，它是用来开发Web应用的。

HTML一般是用来声明静态页面的，而AngularJS可以只通过前端技术就实现动态的页面。

二 下载并引用AngularJS

AngularJS的中文官方：http://www.angularjs.net.cn/

AngularJS的中文下载地址：http://www.angularjs.net.cn/download/

最简单的https://angularjs.org/页面

  
      
    
  
  
    

      名字:
       
      
      

      
你好 {{yourName}}!

    
  

效果图如下：

三 AngularJS核心特性——MVC

Model：数据模型层

View：视图层，负责展示

Controller：业务逻辑和控制逻辑

好处：职责清晰，代码模块化。

平时的MVC都是服务端的MVC，这里用AngularJS实现了纯页面端的MVC，即实现了视图、数据，控制代码的分离。

四 实战

1 展示页面

    
        
    
    
        
  
            
{{greeting.text}},Angular
  
        
    
    
    

2 控制器的定义HelloAngular

function HelloAngular($scope) {
    $scope.greeting = {
        text: 'Hello'
    };
}

3 演示效果