AngularJS 初学笔记（理论基础）

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

 

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app 指令定义一个 AngularJS 应用程序。

ng-init 指令初始化应用程序数据。（通常情况下，不使用 ng-init。）

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。

ng-repeat 指令会重复一个 HTML 元素：

 

AngularJS 表达式

AngularJS 表达式写在双大括号内：{{ expression }}。

AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。

实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

与 JavaScript 差异：

    类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。

    与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。

    与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。

    与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

 

AngularJS 应用

AngularJS 模块（Module） 定义了 AngularJS 应用。

AngularJS 控制器（Controller） 用于控制 AngularJS 应用。

ng-app指令定义了应用, ng-controller 定义了控制器。

 

创建自定义的指令

使用 .directive 函数来添加自定义的指令。

使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:

restrict 值可以是以下几种:

• E 作为元素名使用
• A 作为属性使用
• C 作为类名使用
• M 作为注释使用

restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。