AngularJS 指令
AngularJS 通过被称为 指令 的新属性来扩展 HTML。
AngularJS 指令
AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。
ng-app 指令初始化一个 AngularJS 应用程序。
ng-init 指令初始化应用程序数据。
ng-model 指令把应用程序数据绑定到 HTML 元素。
AngularJS 实例
在输入框中尝试输入：
姓名：
你输入的为： {{ firstName }}
尝试一下 »
ng-app 指令告诉 AngularJS，
一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序。
数据绑定
上面实例中的 {{ firstName }} 表达式是一个 AngularJS 数据绑定表达式。
AngularJS 中的数据绑定，同步了 AngularJS 表达式与 AngularJS 数据。
{{ firstName }} 是通过 ng-model="firstName" 进行同步。
在下一个实例中，两个文本域是通过两个 ng-model 指令同步的：
AngularJS 实例
价格计算器
数量：
价格：
总价： {{ quantity * price }}
尝试一下 »
使用 ng-init 不是很常见。您将在控制器一章中学习到一个更好的初始化数据的方式。
重复 HTML 元素
ng-repeat 指令会重复一个 HTML 元素：
AngularJS 实例
使用 ng-repeat 来循环数组
{{ x }}
尝试一下 »
ng-repeat 指令用在一个对象数组上：
AngularJS 实例
循环对象：
{{ x.name + ', ' + x.country }}
尝试一下 »
AngularJS 完美支持数据库的 CRUD(增加Create、读取Read、更新Update、删除Delete)应用程序。
把实例中的对象想象成数据库中的记录。
ng-app 指令
ng-app 指令定义了 AngularJS 应用程序的 根元素。
ng-app 指令在网页加载完毕时会自动引导(自动初始化)应用程序。
稍后您将学习到 ng-app 如何通过一个值(比如 ng-app="myModule")连接到代码模块。
ng-init 指令
ng-init 指令为 AngularJS 应用程序定义了 初始值。
通常情况下，不使用 ng-init。您将使用一个控制器或模块来代替它。
稍后您将学习更多有关控制器和模块的知识。
ng-model 指令
ng-model 指令 绑定 HTML 元素 到应用程序数据。
ng-model 指令也可以： 为应用程序数据提供类型验证(number、email、required)。
为应用程序数据提供状态(invalid、dirty、touched、error)。
为 HTML 元素提供 CSS 类。
绑定 HTML 元素到 HTML 表单。
ng-repeat 指令
ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素。
339
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
