【AngularJS】—— 入门体验

模块化:

1、双向数据绑定

2、{{el}} 作用域 

AngularJS——执行流程

AngularJs的主要组成部分,以及它们如何协同工作的,它们是:

1、启动(startup)——展示"Hello world"

2、执行期(runtime)——angularJS执行期概览

3、作用域(scope)——视图和控制器的集合区

4、控制器(controller)——应用的行为

5、模型(model)——应用的数据

6、指令(directives)——扩展HTML语法

7、过滤器(filter)——数据本地化

8、注入器(injector)——聚合你的应用

9、模块(module)——配置注入器

10、$-AngularJs的命名空间

整个流程如下所示:

【AngularJS】—— 入门体验

AngularJS——模块

【AngularJS】—— 入门体验


AngularJS——作用域

【AngularJS】—— 入门体验

先从小范围找,再往大范围找:

$rootscope 根作用域,对应一个模块的数据

$scope 子作用域,对应一个controller的数据

【AngularJS】—— 入门体验


AngularJS——过滤器

【AngularJS】—— 入门体验


【AngularJS】—— 入门体验


【AngularJS】—— 入门体验


【AngularJS】—— 入门体验

【AngularJS】—— 入门体验


AngularJS——自定义过滤器

页面及js:

【AngularJS】—— 入门体验

【AngularJS】—— 入门体验

问题:

【AngularJS】—— 入门体验


3、如果使用ng-app,每个页面只能有一个自动启动的ng-app