angular.js

AngularJS 表达式

AngularJS 表达式写在双大括号内：{{ expression }}。
AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。

• 数字

  
     
我的第一个表达式: {{ 5 + 5 }}

      
总价： {{ quantity * cost }}


      
总价： 

• 字符串

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


        
姓名： 

• 对象

       
姓为 {{ person.lastName }}


       
姓为 

• 数组

       
第三个值为 {{ points[2] }}


      
第三个值为 

AngularJS 指令

AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。
ng-app 指令初始化一个 AngularJS 应用程序。
ng-init 指令初始化应用程序数据。
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

  
      
在输入框中尝试输入：
     
      
姓名：
    
      
你输入的为： {{ firstName }}

• 数据绑定

      
价格计算器
      数量： 
      价格： 
      
总价： {{ quantity * price }}

• 重复 HTML 元素

  
      
使用 ng-repeat 来循环数组
  
      
    
            
      {{ x }}    
 
       


      
循环对象：
      
  
            
    {{ x.name + ', ' + x.country }}  
      

• 创建自定义的指令

AngularJS 通过被称为 指令 的新属性来扩展 HTML。
AngularJS 通过内置的指令来为应用添加功能。
AngularJS 允许你自定义指令。

restrict 值可以是以下几种:
E 作为元素名使用
A 作为属性使用
C 作为类名使用
M 作为注释使用
restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

df
d
fd
fd
f
df
d
f
d
f
df
d
f
dfd
f
d
f
df
d
f








d