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

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

上一篇:重温《数据库系统概论》【第一篇 基础篇】【第4章 数据库安全性】


下一篇:MySQL之安装(linux两种版本版本安装)