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(),如需转载请自行联系原博主。

时间: 2024-11-09 10:40:51

AngularJS API之isXXX()的相关文章

AngularJS API之copy深拷贝详解及实例_AngularJS

angular提供了一个可以复制对象的api--copy(source,destination),它会对source对象执行深拷贝. 使用时需要注意下面几点: 如果只有一个参数(没有指定拷贝的对象),则返回一个拷贝对象 如果指定了destination,则会深拷贝对象复制给destination 如果source是null或者undefined,那么会直接返回source 如果source就是desitination,那么会报错. 下面看看使用样例: <html> <head> &

AngularJS API之equal比较对象

使用情况 1 首先,所有满足 a === 3 这种的对象,在angular.equals(a,b)中都会返回真 2 所有对象的类型,以及属性值都相同的,也会返回真 3 NaN和NaN也会返回真(在javascript中,返回的是假) 4 正则也会返回真(在javascirpt,/abc/ /abc/被认为是不相等的) 样例 <html> <head> <meta http-equiv="Content-Type" content="text/ht

AngularJS API之$injector ---- 依赖注入

推断式注入 这种注入方式,需要在保证参数名称与服务名称相同.如果代码要经过压缩等操作,就会导致注入失败. app.controller("myCtrl1", function($scope,hello1,hello2){ $scope.hello = function(){ hello1.hello(); hello2.hello(); } }); 标记式注入 这种注入方式,需要设置一个依赖数组,数组内是依赖的服务名字,在函数参数中,可以随意设置参数名称,但是必须保证顺序的一致性. v

AngularJS API之bootstrap启动

对于一般的使用者来说,AngularJS的ng-app都是手动绑定到某个dom元素.但是在一些应用中,这样就显得很不方便了. 绑定初始化 通过绑定来进行angular的初始化,会把js代码侵入到html中,但是对于新手使用来说,还是足够了! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script s

AngularJS API之copy深拷贝

angular提供了一个可以复制对象的api--copy(source,destination),它会对source对象执行深拷贝. 使用时需要注意下面几点: 如果只有一个参数(没有指定拷贝的对象),则返回一个拷贝对象 如果指定了destination,则会深拷贝对象复制给destination 如果source是null或者undefined,那么会直接返回source 如果source就是desitination,那么会报错. 下面看看使用样例: <html> <head> &

AngularJS API之toJson 对象转为JSON

toJson()能把对象序列化为json 方法讲解 这个方法最多支持2个参数: angular.toJson(obj, pretty); obj 是想要转换的对象, pretty 可以调节格式化的样式,按照API的介绍这个是空格的个数.(不过在控制台,空格的个数是一样的,差别还在研究) 样例参考 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut

AngularJS中的API(接口)简单实现_AngularJS

AngularJS API API 意为 Application Programming Interface(应用程序编程接口). AngularJS 全局 API AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合,如: 比较对象 迭代对象 转换对象 全局 API 函数使用 angular 对象进行访问. 以下列出了一些通用的 API 函数:   API 描述 angular.lowercase() 转换字符串为小写 angular.uppercase() 转

《AngularJS高级程序设计》——1.5 如何搭建你的开发环境

1.5 如何搭建你的开发环境 从一个浏览器.一个文本编辑器和一个Web服务器就可以开始你的AngularJS开发之旅.客户端Web应用开发的好处之一就是你可以挑选并组合一系列开发工具,以创建一个适合你工作风格和编程实践的环境.在下面的各节中,我将描述我所使用的环境,以便你可以在自己的工作站上重新创建它.1.5.1 选择Web浏览器 AngularJS在任何现代浏览器上都可以工作,你应该在你的用户有可能使用到的所有浏览器上测试你的应用.不管怎样,你需要一个为开发而用的浏览器,以便于搭建出开发环境,

AngularJS封装指令方法详解_AngularJS

本文实例讲述了AngularJS封装指令方法.分享给大家供大家参考,具体如下: 引言:angularjs是一个中等重量级的前端开发框架 HTML是一门很好的为静态文本设计的语言,但要构建动态的web应用它就显的乏力了.通常,我们使用以下技术来解决静态网页技术在构建动态应用上的不足: 1.类库:类库是一类函数的集合,它能帮助你写web应用.这里起主导作用是你的代码,由你来决定何时使用类库.典型的类库,例如prototype.jQuery等. 2.框架:框架式一种特殊的.已经实现的web应用,你只需