AngularJS服务和路由

colnplie
    网页加载的出现一次

link
    元素每次改变的时候

**$watch**

监听列表
    $scope.$watch("name",function(newVal,oldVal)){
             console.log(newVal+""+oldVal)
                         新的值    旧的值
    }

$digest

循环对象
   
   在 $watch列表发生改变的时候，会发生循环。

循环的次数不能超过10次，否则，会程序发生错误！

$apply

会把$digest放在angular上下文里面（angular Canten）

作用域

子控制器范围可以找到父控制器的值，父控制无法找到子控制的值

原始类型
  赋值的字符串或者数值叫做原始数据类型
     数值、字符串、布尔值

引用类型
    对象引用类型

angular服务
  就是对外提供某个特定的功能。是一个独立的模块。

angular.module("myApp-service",[])
        .factory("ajax",["$http",function(http){
                    return  function(){
                         
                    }
                }]);

.factory("ajax",["$http",function(http)

ajax:是定义的服务的名字。
 $http:是表示要使用到的angular的ajax。

angular.module("myApp-controller",[])
          .controller("myController",function($scope,ajax) {
                    ajax({

});

})

下面的子模块就能够实现，使用自定义服务里面的功能。

angular路由 

1、用iframe

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

2、ajax

jQuery load() 方法是简单但强大的 AJAX 方法。

$("#div1").load("demo_test.txt");

3、路由
     
    同样实现无刷新的视图切换。

导入js文件：

angular-route.min.js
  
   首先要定义主模块：

angular.module("mainApp",["ngRoute","mainApp.controller"])

ngRoute是angular里面的内置模块。

when

.config(["$routeProvider",function(provider){

provider.when("/p1",{templateUrl:"page1.html"});
                                                          
         provider.when("/p2",{templateUrl:"page2.html"});

网页
         <ul>
            <li><a href="#p1">页面1</a></li>
            <li><a href="#p2">页面2</a></li>
         </ul>

when  //什么发生

通过点击li标签，来实现网页的切换。

otherwise

provider.otherwise({
                        redirectTo:"p2"
                    });

可用实现网页在加载的时候，出现的默认的网页。