zoukankan      html  css  js  c++  java
  • 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"
                        });


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

  • 相关阅读:
    html5实现GIF图效果
    响应式网页设计简单入门(强烈推薦!!!!)
    form表单提交和ajax表单提交,关于移动端如何通过软键盘上的【搜索】和【前进】进行提交操作
    【JavaScript】Write和Writeln的区别
    HTML表格中各元素标签的位置对style属性有效性的影响
    HTML textarea 莫名其妙出现几个空格的原因
    PHP 正则匹配手机号
    极简主义法编写JavaScript类
    jQuery on绑定事件
    jQuery ajax() 参数,回调函数,数据类型,发送数据到服务器,高级选项
  • 原文地址:https://www.cnblogs.com/liner730/p/4714994.html
Copyright © 2011-2022 走看看