• 夺命雷公狗—angularjs—25—angular内置的方法(高级)


    查看版本信息

    angular.version

    console.log(angular.version);

    判断是否相等

    angular.equals()

        var str1 = '';
        var str2 = '';
        console.log(angular.equals(str1,str2));
        var arr1 = [];
        var arr2 = [];
        console.log(angular.equals(arr1,arr2));
        var n1 = NaN;
        var n2 = NaN;
        console.log(angular.equals(n1,n2));

    forEach遍历

    angular.forEach

    <!DOCTYPE html>
    <html lang="en" ng-app="myapp">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="js/angular.min.js"></script>
    </head>
    <body>
    </body>
    <script>
        var arr = ['aaa','bbb','ccc'];
        angular.forEach(arr,function(val,i){
            console.log(val+'---------'+i);
        });
        console.log('-------------------------------');
    
        var objj = { "name":"lisi","age":"80","sex":'1' }
        angular.forEach(objj,function(val,i){
            console.log(i+'------'+val);
        })
    
        var objj2 = { "name":"lisi","age":"80","sex":'1' }
        var result = [];
        angular.forEach(objj2,function(val,i){
            this.push(i+'---'+val);
        },result);
        console.log(result);
    </script>
    </html>

    fromJson  和  toJson   

    <!DOCTYPE html>
    <html lang="en" ng-app="myapp">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="js/angular.min.js"></script>
    </head>
    <body>
    </body>
    <script>
        //源生的JSON.parse(),json转字符串     JSON.stringify()字符串转json
        //angular里面的:
        //angular.fromJson[str]            字符串转json
        //angular.toJson[json,[true]]      json转字符串
        var str = '{"name":"lisi","age":"50"}';
        var json = angular.fromJson(str);
        console.log(json);
    
        var str2 = {"name":"lisi","age":"50"};
        var json2 = angular.toJson(str2);
        console.log(json2);
    
        var json3 = angular.toJson(str2,true);  //加true即可实现格式化显示输出
        console.log(json3);
    
    </script>
    </html>

    
    
    
    

    angular里面也是封装了一套有点类似jquery里面的方法:

    element

    <!DOCTYPE html>
    <html lang="en" ng-app="myapp">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="js/angular.min.js"></script>
    </head>
    <body>
        <div id="dd">aaa</div>
    </body>
    <script>
        var dd = document.getElementById('dd');
        //angularjs里面封装了一套类似jquery的方法
        angular.element(dd).css('background','red');
    
    </script>
    </html>

    我们在angularjs 的官网上可以看到jquery的方法的确是封装了不少的。。。

    https://docs.angularjs.org/api/ng/function/angular.element

    run方法这样可以实现少点控制器,但坏处是值都挂载在全局作用域下的,如挂载在局部作用域下则会报错

    <!DOCTYPE html>
    <html lang="en" ng-app="myapp">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="js/angular.min.js"></script>
    </head>
    <body>
        <div>{{name}}</div>
    </body>
    <script>
        var app = angular.module('myapp',[]);
        app.run(['$rootScope',function($rootScope){
            $rootScope.name = 'hello';
        }]);
    </script>
    </html>

  • 相关阅读:
    [上海线下活动]IT俱乐部新春首期活动: 高级Windows调试
    清除www.fa899.com
    [新功能]总是只列出标题
    [功能改进]更多的列表数定制
    新增Skin使用排行榜
    华硕P5GDCV Deluxe主板更换RAID 1中的故障硬盘步骤
    [WebPart发布]网站链接WebPart
    [通知]19:3020:30进行服务器维护
    [小改进]个人Blog首页显示随笔摘要
    新增两款Skin(clover与Valentine)
  • 原文地址:https://www.cnblogs.com/leigood/p/5803374.html
Copyright © 2020-2023  润新知