AngularJS 工具方法以及AngularJS中使用jQuery

1. AngularJS 工具方法,参考angularjs API https://docs.angularjs.org/api官方文档

(1)angular.isArray(value) 判断是否是数组,返回true/false

[html] view plain copy

  1. <div ng-controller="firstController">{{isArray}}</div>

[html] view plain copy

  1. $scope.arr=[1,2,3];
  2. $scope.isArray=angular.isArray($scope.arr);

(2)angular.isDate(value) 判断是否是日期类型,返回true/false

(3)angular.idDefined(value) 判断是否被定义了,返回true/false

(4)angular.isElement(node) 判断是否是DOM节点,返回true/false

(5)angular.isFunction(value) 判断是否是Function类型,返回true/false

(6)angular.isNumber(value) 判断是否是Number类型,其中包括NaN,Infinity和-Infinity,返回true/false

(7)angular.isObject(value) 判断是否是Object类型,Array是Objct类型,Null不是Object类型,返回true/false

(8)angular.isString(value) 判断是否是字符串类型,返回true/false

(9)angular.uppercase(value) 转换成大写

[html] view plain copy

  1. <div ng-controller="firstController">{{name1}}</div>

[html] view plain copy

  1. $scope.name=‘zhangsan‘;
  2. $scope.name1=angular.uppercase($scope.name);

(10)angular.lowercase(value) 转换成小写

(11)angular.equals(o1,o2) 判断两个字符串是否相等,返回true/false

[html] view plain copy

  1. <div ng-controller="firstController">{{eq}}</div>

[html] view plain copy

  1. $scope.a=‘111‘;
  2. $scope.b=‘111‘;
  3. $scope.eq=angular.equals($scope.a,$scope.b);

(12)angular.extend(dst,src) 继承关系,如下代码所示,b继承了a的属性

[html] view plain copy

  1. $scope.a={name:‘张三‘};
  2. $scope.b={age:10};
  3. $scope.c=angular.extend($scope.b,$scope.a);
  4. console.log($scope.b);//{"age":10,"name":"张三"}

(13)angular.fromJson(json) 反序列化json字符串,把json字符串转换成JavaScript Object对象

[html] view plain copy

  1. var json = ‘{"name":"hello","age":"20"}‘;
  2. console.log(json);
  3. $scope.json=angular.fromJson(json);
  4. console.log($scope.json);

(14)angular.toJson(obj,pretty) 格式化json字符串

[html] view plain copy

  1. var json = {"name":"hello","age":"20"};
  2. // console.log(json);
  3. // $scope.json=angular.toJson(json);
  4. $scope.json=angular.toJson(json,true);
  5. console.log($scope.json);


(15)angular.copy(source, [destination]) 如下代码所示,把a复制给b

[html] view plain copy

  1. $scope.a={name:‘张三‘};
  2. $scope.b={age:10};
  3. $scope.c=angular.copy($scope.a,$scope.b);
  4. console.log($scope.a);
  5. console.log($scope.b);


(16)angular.forEach(obj, iterator, [context])

[html] view plain copy

  1. var json = {"name":"hello","age":"20","sex":‘男‘};
  2. angular.forEach(json,function(val,key){
  3. //console.log(val);
  4. console.log(key);
  5. });

[html] view plain copy

  1. var json = {"name":"hello","age":"20","sex":‘男‘};
  2. var results=[];
  3. angular.forEach(json,function(val,key){
  4. //console.log(val);
  5. //console.log(key);
  6. this.push(key+‘--‘+val);
  7. },results);
  8. console.log(results);

(17)angular.bind(self, fn, args);绑定对象,作为函数的上下文

[html] view plain copy

    1. var self={name:‘张三‘};
    2. var f=angular.bind(self,function(age){
    3. $scope.info=this.name+‘ is ‘+age;
    4. console.log($scope.info);
    5. });
    6. f(30);
    7. var f=angular.bind(self,function(age){
    8. $scope.info=this.name+‘ is ‘+age;
    9. console.log($scope.info);
    10. },10);
    11. f();
时间: 2024-08-08 01:23:47

AngularJS 工具方法以及AngularJS中使用jQuery的相关文章

AngularJS工具方法

1 2 3 4 var myApp = angular.module('myApp', []);//ng-app模块化,[]内为依赖的其他模块 myApp.controller('Aaa', ['$scope', function ($scope) {     $scope.name = 'hello'; }]); 1 2 3 4 5 6 7 8 function show(n1, n2) {     alert(n1);     alert(n2);     alert(this); } an

angularjs——工具方法

1.fromJson 把json字符串转成JSON对象 var jsonStr='[{"Name":"abc","age":12},{"Name":"ffff","age":22}]'; var objJson=angular.fromJson(jsonStr); console.log(objJson); 2.toJson 把JSON对象转成JSON字符串. 注意:第一个参数要转换的对

angularjs 工具方法

<!DOCTYPE HTML> <html ng-app> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></script> <script&g

Java程序员的JavaScript学习笔记(9—— jQuery工具方法)

计划按如下顺序完成这篇笔记: 1.    理念. 2.    属性复制和继承. 3.    this/call/apply. 4.    闭包/getter/setter. 5.    prototype. 6.    面向对象模拟. 7.    jQuery基本机制. 8.    jQuery选择器. 9.    jQuery工具方法. 10.    jQuery-在"类"层面扩展. 11.    jQuery-在"对象"层面扩展. 12.    jQuery-扩

Java程序猿的JavaScript学习笔记(9—— jQuery工具方法)

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程

angularJs中的常用工具方法

前面说过在angularJs中使用 angular.module() 法可创建一个angularJs模块.除此之外,angularJs还提供了一些工具方法供我们使用. angular.isArray() //判断传入的参数是不是数组,是则返回true 否则返回false angular.isDate() //判断传入的参数是不是时间对象,是则返回true,否则返回false angular.isFunction() //判断传入的参数是不是函数,是则返回true,否则返回false angula

angularjs中常用的工具方法

一.angular.bind(self, fn, args) 1.作用:返回一个新的函数,绑定这个函数的this指向self 2.参数: self:新函数的上下文对象 fn:需要绑定的函数 args:传递给函数的参数 3.返回值:this指向self的新函数 4.备注:bind会根据你的参数类型来决定调用call或apply,所以args可以是一个个数据,也可以是一个数组. 二.angular.copy(source, [destination]) 1.作用:对象的深拷贝 2.参数: sourc

AngularJS中的jQuery - jqlite

jqLite:向jQuery致敬 在DOM操作方面,没有人比jQuery做的更好.AngularJS以一种特殊的方式 向jQuery表达了敬意:内置精简版的jQuery - jqLite. 和jQuery一样,jqLite兼容多个浏览器. jqLite以angular.element接口提供出来,兼容jQuery API的一个子集. 在AngularJS的所有API中的element对象,都不是纯粹的DOM对象,而是经过jqLite 封装过的. 选择符的问题 从开发者的角度,jqLite最明显的

avaScript文件中调用AngularJS内部方法或改变$scope变量

需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controller来获取app var appElement = document.querySelector('[ng-controller=mainController]'); 然后在获取$scope变量: var $scope = angular.element(appElement).scope(); 如