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路由 



  一、用iframe

      iframe 元素會建立包含另一個文檔的內聯框架（即行內框架）。

  二、ajax

     jQuery load() 方法是簡單但強大的 AJAX 方法。

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


  三、路由
     
    一樣實現無刷新的視圖切換。
 

導入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"
                    });


  可用實現網頁在加載的時候，出現的默認的網頁。