Angular基础

angularjs的引入( 建议把脚本放在 元素的底部。 这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。)

数据绑定

简单的双向数据绑定

ng-app 指令告诉 AngularJS，

元素是 AngularJS 应用程序 的"所有者"由angular进行管理。

ng-model 指令把输入域的值绑定到应用程序变量 name。

ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。

  
名字 : 
  
Hello {{name}}

angular表达式

AngularJS 字符串

ng-init 进行初始化(不常用)

 





姓名: {{ firstName + " " + lastName }}

AngularJS 对象

 





姓为 

重复 HTML 元素

ng-repeat 指令会重复一个 HTML 元素：循环数组

 





循环对象:

  

  {{ x.name + ', ' + x.country }}

创建自定义的指令

directive 函数可以添加自定义的指令。

限制使用

restrict 值可以是以下几种:

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

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

 









注意： 通过设置 restrict 属性值为 "A" 来设置指令只能通过 HTML 元素的属性来调用。

邮箱验证

    Email:
    
    不是一个合法的邮箱地址

应用状态

ng-invalid:未通过验证的表单

ng-valid:布尔型属性，它指示表单是否通过验证。如果表单当前通过验证，他将为true

ng-dirty:布尔值属性，表示用户是否修改了表单。如果为 ture，表示有修改过；false 表示修没有修改过

ng-touched:布尔值属性，表示用户是否和控件进行过交互

ng-pristine:布尔值属性，表示用户是否修改了表单。如果为ture，表示没有修改过；false表示修改过

ng-untouched: 控件未失去焦点

ng-pending: 任何为满足$asyncValidators的情况

输入邮箱后，状态栏会进行判断

Email:

编辑邮箱地址，查看状态的改变。
状态
Valid: {{myForm.myAddress.$valid}} (如果输入的值是合法的则为 true)。
Dirty: {{myForm.myAddress.$dirty}} (如果值改变则为 true)。
Touched: {{myForm.myAddress.$touched}} (如果通过触屏点击则为 true)。