初识AngularJS

1、 AngularJS

MVx框架----把数据、表现、逻辑分离开

 

Angular是什么？干什么？

                  减轻程序员的负担、避免重复劳动（如获取、事件）

扩展了HTML的功能；颠覆性、可扩展

 

2、 基本使用

MVC:

M     Model      模型----数据

V      View         视图----表现层

C      Controller        控制器----业务逻辑

 

ng-model                  数据、双向绑定

ng-bind             输出

ng-app=””       代表Angular所掌管的范围

模板                 {{}}

 

两个词：

                  双向绑定----可进可出

                  依赖注入：

                                   饭店

                                   普通函数----参数由调用方决定，并不是由自身决定

                                   ng函数(依赖注入)----参数由定义方决定

                                  

模板：{{输出内容}}    ng-bind功能有限，不能实现很多个性化功能，模板比它更灵活

 

两条原则：

1.     Angular和JavaScript普通情况下不互通。

2.     Angular的开发模式和传统开发模式完全不同----只需要盯住数据，数据是核心。

不互通：1.函数不互通

                  2.变量也不互通

                  3.事件也不互通

事件：ng-click、ng-init、ng-repeat等

 

版本：1.2x

           1.3x

版本更新之后，语法出现很大变化，以1.3x之后的版本为主。

 

互通：Controller----控制器

1.     放JS代码

2.     桥梁：

 

Angular接管了UI

 

一个页面里：可以有很多个module；

一个module里：可以有很多controller。\

 

Filter------过滤器