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(),如需转载请自行联系原博主。
相关文章
|
缓存 JavaScript 前端开发
深入浅出:使用Node.js构建RESTful API
【9月更文挑战第3天】在数字化浪潮中,后端开发如同搭建一座连接用户与数据的桥梁。本文将带领读者从零开始,一步步用Node.js搭建一个功能完备的RESTful API。我们将探索如何设计API的结构、处理HTTP请求以及实现数据的CRUD操作,最终通过一个简单的实例,展示如何在真实世界中应用这些知识。无论你是初学者还是有一定经验的开发者,这篇文章都会为你揭示后端开发的奥秘,让你轻松入门并掌握这一技能。
335 3
|
JavaScript 前端开发 API
Vue.js 3:探索组合式API带来的新变革
Vue.js 3:探索组合式API带来的新变革
597 84
|
前端开发 JavaScript NoSQL
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
|
JSON 缓存 JavaScript
深入浅出:使用Node.js构建RESTful API
在这个数字时代,API已成为软件开发的基石之一。本文旨在引导初学者通过Node.js和Express框架快速搭建一个功能完备的RESTful API。我们将从零开始,逐步深入,不仅涉及代码编写,还包括设计原则、最佳实践及调试技巧。无论你是初探后端开发,还是希望扩展你的技术栈,这篇文章都将是你的理想指南。
|
JavaScript 前端开发 安全
盘点原生JS中目前最没用的几个功能API
在JavaScript的发展历程中,许多功能与API曾风光无限,但随着技术进步和语言演化,部分功能逐渐被淘汰或被更高效的替代方案取代。例如,`with`语句使代码作用域复杂、可读性差;`void`操作符功能冗余且影响可读性;`eval`函数存在严重安全风险和性能问题;`unescape`和`escape`函数已被`decodeURIComponent`和`encodeURIComponent`取代;`arguments`对象则被ES6的剩余参数语法替代。这些变化体现了JavaScript不断优化的趋势,开发者应紧跟技术步伐,学习新技能,适应新技术环境。
420 10
|
JSON JavaScript 前端开发
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发作为连接用户与数据的桥梁,扮演着至关重要的角色。本文将引导您步入Node.js的奇妙世界,通过实践操作,掌握如何使用这一强大的JavaScript运行时环境构建高效、可扩展的RESTful API。我们将一同探索Express框架的使用,学习如何设计API端点,处理数据请求,并实现身份验证机制,最终部署我们的成果到云服务器上。无论您是初学者还是有一定基础的开发者,这篇文章都将为您打开一扇通往后端开发深层知识的大门。
553 12
|
JavaScript 前端开发 API
Vue.js 3:深入探索组合式API的实践与应用
Vue.js 3:深入探索组合式API的实践与应用
|
JavaScript NoSQL API
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发如同一座灯塔,指引着数据的海洋。本文将带你航行在Node.js的海域,探索如何从一张白纸到完成一个功能完备的RESTful API。我们将一起学习如何搭建开发环境、设计API结构、处理数据请求与响应,以及实现数据库交互。准备好了吗?启航吧!
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API
使用JavaScript和Node.js构建简单的RESTful API
|
JavaScript 前端开发 API
Vue.js 3中的Composition API:提升你的组件开发体验
Vue.js 3中的Composition API:提升你的组件开发体验
593 1