• angular中的用到的几种方法总结


    Angular的方法不在于多,在于是否能够用得着。下面会详细讲解angular中的一些方法。

      如果原生的JS写在head里经常用到 window.onload ,意思是页面加载完成后执行,在angular中有不同的写法  ---- angular.element(document).ready()  

      angular.bind()  可以调用一些函数;

      function show(){

        alert(this+"调用了show")
      }
      var c=angular.bind("c",show);
      c(); 

      angular.lowercase() 与 angular.uppercase()    ------可以转小写、大写。

      angular.forEach()  循环一组数组。也是可以写第三个参数,则可以添加到新数组中。

      var arr=['apple','banana','orange','pear'];

      var arr1=[];
      angular.forEach(arr,function(value,key){
      console.log(value+":"+key);      //value是数组的数值,key则是数值的下标;

      console.log(arr1);    //新的数组

      },arr1)

      嵌套中的父级向子级发送数据 ----$broadcast() 第一个是自定义名,第二个是要发送的数值   子级向父级用的是 $emit()  方法一样。

      父级 $scope.$broadcast('newdata',$scope.c1)

      子级 $scope.$on('newdata',function(event,data){

          $scope.c2=data+1
         })

      定时器不同 ----$interval()   $timeout    清除定时器用$interval.cancel()。

      config() 先执行  run() 后执行  执行顺序不同。

                            angular熟练这些方法。

      //扩展知识

      

      过滤器也是可以写在js中。----number保留一位

      var app=angular.module('atr',[]);

      app.run(['$rootScope','$filter',function($rootScope,$filter){
        $rootScope.a=12;
        $rootScope.name=$filter('number')(1234567890.1234,1)
      }])

      合并两个数组。------extend()  参数是需要合并的数组。

      angular.toJson()  -----object格式转换成string格式。

      angular.fromJson()  -----string格式的数据转换成object

      ng-app这个指令比较特殊,一个页面只能出现一个作用域。

      我还是有办法可以创建多个作用域的。   

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../angular/angular.min.js"></script>
    <script>
    var app1=angular.module('mk1',[]);
    var app2=angular.module('mk2',[]);
    app1.controller('text1',function($scope){
    $scope.a=12
    });
    app2.controller('text2',function($scope){
    $scope.b=20
    });
    var div=document.getElementsByTagName('div');
    angular.element(document).on('click',function(){
    angular.bootstrap(div[0],['mk1']);
    angular.bootstrap(div[1],['mk2']);
    })
    </script>
    </head>
    <body>
    <div ng-controller="text1">
    {{a}}
    </div>
    <div ng-controller="text2">
    {{b}}
    </div>
    </body>
    </html>

  • 相关阅读:
    ASP.NET2.0服务器控件之自定义状态管理
    sql中RIGHT和LEFT(小技巧)
    微软云计算的思考
    枚举转化和判断方法的总结
    sql中的split(小技巧)
    ASP.net实现无扩展名的URL重写。简单、方便、无需ISAPI
    浅析值类型与引用类型的内存分配
    ASP.Net Web Page深入探讨
    const和static readonly 区别
    程序中一种用in的sql防注入的方法(小技巧)
  • 原文地址:https://www.cnblogs.com/chw8/p/7086387.html
Copyright © 2020-2023  润新知