1、作用域

当你在angularJs中创建控制器时，可以将$scope对象作为一个参数进行传递；

scope 是一个 JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。

AngularJS 应用组成如下：

• View(视图), 即 HTML。
• Model(模型), 当前视图中可用的数据。
• Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。

scope 是模型。

 

举例：通过angularJs在js中的一些方法对变量进行赋值：

     
    
      
{
   {carname}}
     

 

当我们使用 ng-repeat 指令时，每个重复项都访问了当前的重复对象:

举例：

每个 <li> 元素可以访问当前的重复对象，这里对应的是一个字符串， 并使用变量 x 表示。

1 
     
       2     
      
        3         
       
{
   {x}}
 4     
      
 5  6 
     
 7  8 

 

所有的应用都有一个 $rootScope，它可以作用在 ng-app 指令包含的所有 HTML 元素中。

$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用

     
    
      
        
       
{
   {lastName}}{
   {x}}
    
      
     

 

2、AngularJs控制器

AngularJS 应用程序被控制器控制，ng-controller 指令定义了应用程序控制器；

控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建

1 
     
       2     
       3     
       4  5     
      
姓名为:{
   {FirstName +'--' +LastName}}
 6  7 
     
 8  9 

 

AngularJS 应用程序由ng-app定义，应用程序在<div>内运行；ng-controlle='ctl'属性是一个angularJS指令，用于定义一个控制器；ctl函数是一个javaScript函数；

AngularJs使用$scope对象（是一个应用对象，属于应用 变量和函数）来调用控制器；控制器的$scope用来保存AngularJS的对象，控制器在作用域 中创建了两个属性（FirstName、LastName），ng-model指令绑定输入域到控制器的属性.

 

下面的例子是调用函数:

     
    
          
          姓名为:{
    {fullName()}}
     

 

3、AngularJS过滤器

1 
     
       2     
       3     
       4  5     
      
 6     
      
 7     大写姓名为:{
    {FirstName+LastName | uppercase }} 8  9     
      
10     小写姓名为:{
    {FirstName+LastName | lowercase }}11 12     
      
13     
      14     总价格为:{
    {price*num | currency}}15 16     
      
17     
      18     
      
       19         
       
{
   {x}}
20     
      
21 22     
      
23     
      24     
      
{
   {x}}
25 26 
     
27 

 

4、service

     
    
      
 url is {
   {Url}} 
    
      
 htips:{
   {tips}}
    
       double 5 is {
   {textInService}}    
      
        
       
        {
    {html}}