码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS服务和路由

时间:2015-08-09 14:03:52      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

  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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!