angularjs基础

简介

AngularJS诞生于2009年，由Misko Hevery 等人创建（后为Google所收购），是一个为动态WEB应用设计的结构框架。简称ng，为克服HTML在构建应用上的不足而设计。它通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件。它的创新点在于，利用数据绑定 和 依赖注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。有了这一类框架就可以轻松构建 SPA 应用程序

SPA: Single Page Application
单页面应用

AngularJS的特点

• MVC
• 模块化
• 双向数据绑定
• 依赖注入
• 指令系统

AngularJS的优点

• Angular 最大程度的减少了页面上的 DOM 操作；
• 让 JavaScript 中专注业务逻辑的代码；
• 通过简单的指令结合页面结构与逻辑数据；
• 通过自定义指令实现组件化编程；
• 代码结构更合理；
• 维护成本更低；

使用方法

首先需要引入angularjs文件

• ng-app

  //定义angular程序的作用范围,一般写在html标签上（也可以写在其他地方），一个页面可以出现多个ng-app，但一般来说只用一个

• ng-controller

  //ng-controller在ng-app的作用范围中在划分一个小的作用域，一个ng-app中能有多个ng-controller。ng-controller之间可以是兄弟关系（并排），也可以是父子关系（嵌套）；

    //兄弟关系
    

    


    //父子关系
     

        

    

• {{表达式}}

  //表达式用两个大括号来定义，把需要的渲染的数据写在大括号中，就可以显示在控制器的中定义好的数据（结合例子1-1，在indexCtrl定义的name，只能在
  中显示，不能在

  中显示）。表达中，可以绑定字符串，数组，对象，数字，布尔值，也可以是一个三目运算表达式，或其他表达式，如bool = ！bool等；

示例1-1：

DOCTYPE html>

    
        
        
    
    
    
        
        

            
            
{{name}}
            
            
{{ABC}}
            
            
            
{{arr[0]+arr[1]}}
            
{{obj.name}}
            
{{num+10}}
            
{{bool}}
            

        
        

            
{{bool?"a":"b"}}
            toggle