AngularJS API之isXXX()

简介:

Angular中保存了很多的判断方法,可以用来验证对象是否符合某种要求,详细的参考代码样例即可

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body ng-app="myApp">
    <div ng-controller="myCtrl" id="test">
        {{ isArray }} <br><br>
        {{ isDate }} <br><br>
        {{ isUnDefined }} <br>
        {{ isDefined }} <br><br>
        {{ DocumentisElement }} <br>
        {{ DivisElement }} <br><br>
        {{ isFunction }} <br><br><br>
        {{ isNumber1 }} <br>
        {{ isNumber2 }} <br>
        {{ isNumber3 }} <br>
        {{ isNumber4 }} <br><br>
        {{ isObject1 }} <br>
        {{ isObject2 }} <br>
        {{ isObject3 }} <br>
        {{ isObject4 }} <br><br>
        {{ isString1 }} <br>
        {{ isString2 }} <br>
        {{ isString3 }} <br>
        {{ isString4 }} <br><br>
    </div>
    <script type="text/javascript">
    var app = angular.module("myApp",[]);
    app.controller("myCtrl",function($scope){
        
        var arr = ["1","2","3"];
        $scope.isArray = angular.isArray(arr);//true

        var date = new Date();
        $scope.isDate = angular.isDate(date);//true
        
        var UnDefined;
        $scope.isUnDefined = angular.isUndefined(UnDefined);//true
        var Defined = "";
        $scope.isDefined = angular.isDefined(Defined);//true

        $scope.DocumentisElement = angular.isElement(document);//true
        $scope.DivisElement = angular.isElement(document.getElementById("test"));//true

        $scope.isFunction = angular.isFunction(function(){});//true

        $scope.isNumber1 = angular.isNumber(4);//true
        $scope.isNumber2 = angular.isNumber(4.3);//true
        $scope.isNumber3 = angular.isNumber(10/0);//true
        $scope.isNumber4 = angular.isNumber(null);//false

        $scope.isObject1 = angular.isObject(null);//false
        $scope.isObject2 = angular.isObject(undefined);//false
        $scope.isObject3 = angular.isObject(function(){});//false
        $scope.isObject4 = angular.isObject(date);//true

        $scope.isString1 = angular.isString("value");//true
        $scope.isString2 = angular.isString('fds');//true
        $scope.isString3 = angular.isString(null);//false
        $scope.isString4 = angular.isString(4);//false
    });
    </script>
</body>
</html>

本文转自博客园xingoo的博客,原文链接:AngularJS API之isXXX(),如需转载请自行联系原博主。
相关文章
|
1月前
|
缓存 JavaScript 前端开发
深入浅出:使用Node.js构建RESTful API
【9月更文挑战第3天】在数字化浪潮中,后端开发如同搭建一座连接用户与数据的桥梁。本文将带领读者从零开始,一步步用Node.js搭建一个功能完备的RESTful API。我们将探索如何设计API的结构、处理HTTP请求以及实现数据的CRUD操作,最终通过一个简单的实例,展示如何在真实世界中应用这些知识。无论你是初学者还是有一定经验的开发者,这篇文章都会为你揭示后端开发的奥秘,让你轻松入门并掌握这一技能。
81 3
|
12天前
|
JavaScript 前端开发 API
探索Vue.js 3的组合式API:一种更灵活的组件状态管理方式
【10月更文挑战第5天】探索Vue.js 3的组合式API:一种更灵活的组件状态管理方式
|
13天前
|
JSON JavaScript 前端开发
使用 Node.js 和 Express 构建 RESTful API 服务器
【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器
|
5天前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API服务器
【10月更文挑战第12天】使用JavaScript和Node.js构建简单的RESTful API服务器
6 0
|
9天前
|
JSON JavaScript API
Node.js RESTful API
10月更文挑战第8天
8 0
|
13天前
|
JSON JavaScript 前端开发
使用 Node.js 和 Express 构建 RESTful API
【10月更文挑战第3天】 使用 Node.js 和 Express 构建 RESTful API
|
13天前
|
Web App开发 JSON JavaScript
使用 Node.js 构建一个简单的 RESTful API
【10月更文挑战第3天】使用 Node.js 构建一个简单的 RESTful API
|
2月前
|
JavaScript NoSQL API
深入浅出:使用Node.js构建RESTful API
【8月更文挑战第31天】本文将引导读者了解如何利用Node.js搭建一个高效、易于扩展的RESTful API。通过简单易懂的语言和逐步深入的内容组织,我们将一起探索Node.js在后端开发中的实际应用,包括环境配置、路由设计、数据处理与连接数据库等关键步骤。文章末尾,你将获得完整的项目代码示例,助你快速启动自己的API项目。
|
2月前
|
JavaScript 前端开发 API
深入浅出:使用Node.js搭建RESTful API的实践之旅
【8月更文挑战第31天】本文将带你踏上一次Node.js的探险之旅,通过实际动手构建一个RESTful API,我们将探索Node.js的强大功能和灵活性。无论你是初学者还是有一定经验的开发者,这篇文章都将为你提供宝贵的实践经验和深刻的技术洞见。
|
2月前
|
JavaScript 前端开发 中间件
深入浅出Node.js:从零开始构建RESTful API
【8月更文挑战第24天】在数字化时代的浪潮中,后端开发作为支撑现代网络服务的骨架,扮演着至关重要的角色。本文将通过Node.js这一高效灵活的JavaScript运行环境,引领你步入后端开发的神秘世界。我们将从基础概念出发,逐步深入到实战操作,最终构建一个功能完备的RESTful API。无论你是编程新手还是前端开发者,这篇文章都将为你揭示后端开发的奥秘,让你轻松掌握使用Node.js进行API开发的实用技巧。