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


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

AngularJS服务和路由

标签：

原文地址：http://www.cnblogs.com/liner730/p/4714994.html