angular-基本应用

 

1、ng-app ：范围说的直白点就是哪一块归angularJs管它就放在哪里

2、ng-model :数据，双向绑定

3、ng-bind :输出

*ng-bind比较弱，实现不了的用模板{{}}如图

*1、angularJS和JS不互通

      不互通包含1、函数不互通 2、变量也不互通 3、事件也不互通

      *互通用控制器

  2、angularJS开发模式与传统开发模式完全不同——在angularJS里数据是核心

 

4、ng-click 用法如图

5、ng-init 初始数据 放在父级 用法如图

6、ng-repeat 在父级上加数据 用法如图

   1、数据

   2、json 两种写法

   3、升级用法

6、controller-控制器 放在父级

     1、专门用来放JS代码

     2、桥梁

    图上代码分析

      1、$scope 作用域 angularJS数据在$SCOPE上

      2、一个页面里可以有很多个module，一个module里可以有多个controller

      3、angularJS桥梁用法如图

     

7、依赖注入

     普通函数：由调用方决定参数

     ng函数：由定义方决定参数

    图一

   

    图二

 8、filter--过滤器 如图

    1、currency-货币

    2、date-时间

9、ng-src

10、ng-hide,ng-show 如图

11、ng-clack 延迟 如图