【AngularJS】5.AngularJS 工具方法以及AngularJS中使用jQuery

2023-10-31

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

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

<div ng-controller="firstController">{{isArray}}</div>
$scope.arr=[1,2,3];
$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) 转换成大写

<div ng-controller="firstController">{{name1}}</div>
 $scope.name='zhangsan';
 $scope.name1=angular.uppercase($scope.name);
(10)angular.lowercase(value) 转换成小写

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

<div ng-controller="firstController">{{eq}}</div>
$scope.a='111';
$scope.b='111';
$scope.eq=angular.equals($scope.a,$scope.b);

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

$scope.a={name:'张三'};
$scope.b={age:10};

$scope.c=angular.extend($scope.b,$scope.a);

console.log($scope.b);//{"age":10,"name":"张三"}
(13)angular.fromJson(json) 反序列化json字符串,把json字符串转换成JavaScript Object对象

 var json = '{"name":"hello","age":"20"}';

 console.log(json);

 $scope.json=angular.fromJson(json);

 console.log($scope.json);

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

 var json = {"name":"hello","age":"20"};

 // console.log(json);
 // $scope.json=angular.toJson(json);

 $scope.json=angular.toJson(json,true);

 console.log($scope.json);

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

              $scope.a={name:'张三'};
              $scope.b={age:10};

              $scope.c=angular.copy($scope.a,$scope.b);

              console.log($scope.a);
              console.log($scope.b);

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

              var json = {"name":"hello","age":"20","sex":'男'};

              angular.forEach(json,function(val,key){

                    //console.log(val);
                  console.log(key);
              });

              var json = {"name":"hello","age":"20","sex":'男'};

              var results=[];

              angular.forEach(json,function(val,key){
                  //console.log(val);
                  //console.log(key);
                  this.push(key+'--'+val);
              },results);

              console.log(results);

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

              var self={name:'张三'};

              var f=angular.bind(self,function(age){

                        $scope.info=this.name+' is '+age;

                        console.log($scope.info);
              });
              f(30);

              var f=angular.bind(self,function(age){

                  $scope.info=this.name+' is '+age;

                  console.log($scope.info);
              },10);
              f();




本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • 在 AngularJS 中将数组绑定到指令变量

    我正在尝试将数组放入模板中 以便我可以使用其中的各个值 我的问题是 该属性一旦进入我的模板就会变成字符串 因此它不再可以作为 var 0 访问 而是返回 字符串 的第一个字符 通常是 这是数据的简化设置 varForward 100 1 v
  • 在 Angular 6 中将多个值传递给管道

    我需要使用管道在 Angular 6 中创建一个搜索表单 并且必须将多个参数传递给管道 nameSearch emailSearch roleSeach accountSearch tr tr 这是我的烟斗 Pipe name search
  • 将行推入使用 ng-repeat 以角度呈现的表格中

    当客户端单击该行时 我想在表中插入额外的行 不应预取数据 因为我预计最多有 30 行 但每行都有关联的数据 在一次获取中获取这些数据是不合理的 到目前为止 我的方法是使用 ng repeat 迭代我的集合并渲染表格 当客户端按下该行时 客户
  • 如何在 angularjs 4 中设置 http 调用超时?

    我在 angularjs 4 官方页面上看到过 https angular io guide http https angular io guide http 设置http调用超时但我没有找到任何参考 有人尝试过设置吗 谢谢 如果您使用 R
  • 是否可以在运行时动态设置组件@Input?

    说我有一个dynamic component wrapper可以实例化任何Component传递给它的类 DRE013 DCOOKE 16 05 2017 The component to instantiate Input compone
  • AngularJS 插值错误

    我正在显示房间的属性 作为我正在开发的房间管理应用程序的一部分 这是输出 如您所见 Beamer 英文投影仪 的值为 Sony lamp 01 12 2013 此输出是正确的 但当我打开控制台时 我看到一些有关插值的错误 更大的分辨率 Ca
  • Angular Http 客户端 - 如何将嵌套参数对象传递给 GET API

    我正在使用最新版本的角度 8 我正在将我的 Http 请求从原始 http 转换为新的 http 客户端 我正在调用 GET API 其中我通过以下方式发送嵌套参数 let data any filters 4e9bc554 db54 44
  • 如何删除 ng-repeat 的默认顺序

    如何停止动态表数据的 ng repeat 内部的默认排序 目前我收到以下订单 地址 客户 ID 姓名 但我想要的是以下顺序 客户 ID 名称 地址 任何帮助我将不胜感激 JS app controller MyController func
  • 从 Angular 2 动态表单的 API 设置值

    我正在尝试开始在 Angular 2 中创建动态表单 并且我正在使用 Angular 食谱中的设置here https angular io docs ts latest cookbook dynamic form html作为我的起点 我
  • Angular2 中 Http 的 Promise 与 Observable? [复制]

    这个问题在这里已经有答案了 本质上 正如标题所说 是否有任何理由使用可观察的承诺 https stackoverflow com questions 37364973 angular 2 promise vs observable为了进行
  • 如何将 zingchart 实现到 Angular2 中

    我有一个现有的项目 我想在其上实施 zingcharts 我尝试了 3 个不同的教程 主要来自 https blog zingchart com 2016 07 19 zingchart and angular 2 charts back
  • 单元测试依赖注入

    我对茉莉花和业力是全新的 我相信我的环境设置正确 并且我能够运行非常基本的单元测试 但是一旦我尝试实例化控制器 我就会收到未知提供程序错误 并且我不确定如何调试它 我需要传入 stateProvider 依赖项吗 我在角种子示例中没有看到这
  • 如何使用 Web 套接字和 Angular CLI 设置代理

    我有一个使用 Angular CLI 构建的简单 Web 应用程序 我希望它使用网络套接字与后端通信 我已经编写了后端 并使用一个简单的 index html 页面进行了测试 服务器可以在套接字上发送和接收该页面 在我的 angular c
  • Angular 中的文件输入事件类型

    所以我已经使用 Angular 和 Typescript 很长时间了 我似乎无法找出输入文件的类型是什么 例如
  • 在 spring-boot 中设置 base-href 和 context-path - Angular 6 应用程序

    我正在构建一个 Web 应用程序 其中 UI 客户端组件是使用 Angular 6 构建的 后端 服务器端 位于 Spring boot 上 申请预计可在 http localhost 8080 FUtility 我通过在 appmodul
  • 角度2中未定义的值

    我正在创建一个应用程序 在其中使用 Ag Grid api 在网页上列出我的数据库内容 Ag grid 有一个预定义的 api 来获取所选行的内容 这是我的代码 export class customer entryComponent pu
  • 使用 Observable 与 Immutable 进行变更检测

    所以我读了本文 http victorsavkin com post 110170125256 change detection in angular 2关于 Angular 2 变更检测 但读完之后我变得更加困惑 所以我开始阅读一些导致更
  • 导航嵌套组件时创建面包屑 (Angular 2)

    我正在为此苦苦挣扎 这个想法是有一个组件 当浏览子视图时更新面包屑 例如
  • 如何在angularjs中使用addClass方法

    我有一个仅限于类的 angularjs 指令 如何使用 angularjs 中的 addClass 方法添加它 指示 app directive number function return restrict C link function
  • 在角度控制器中监听文档事件

    如何捕获角度控制器中的事件 我有文档级事件 所以我需要在角度控制器中捕获事件 这可能吗 Update 我有独立的 js 文件来处理来自相机的一些操作 document addEventListener myCameraEvent handl

随机推荐

  • hive函数02

    hive函数02 窗口函数 窗口函数 Window functions 也叫做开窗函数 OLAP函数 其最大特点是 输入值是从SELECT语句的结果集中的一行或多行的 窗口 中获取的 窗口函数可以简单地解释为类似于聚合函数的计算函数 但是通
  • 面板数据固定效应与霍斯曼检验stata代码

    xtset id year 定义面板数据 xtreg lnpgdp lng lnm fe 带固定效应的面板数据回归 默认固定id即个体的固定效应 xtreg lnpgdp lng lnm i year fe 个体效应和时间效应的固定效应 x
  • Java 集合系列02之 Collection架构(JDK1.6.0_45)

    首先 我们对Collection进行说明 下面先看看Collection的一些框架类的关系图 Collection是一个接口 它主要的两个分支是 List 和 Set List和Set都是接口 它们继承于Collection List是有序
  • SQL使用视图

    视图 SELECT cust name cust contact FROM ProductCustomers 视图 包含一个查询 是虚拟的表 WHERE prod id RGAN01 使用视图的原因 1 重用SQL语句 2 简化复杂的SQL
  • 【Jdbc】java连接mysql数据库的两种不同连接方式

    写在前面的话 在之前刚开始学数据库的时候 一直用Navicat这个数据库可视化管理工具来写sql navicat很棒 但是一般我学习和写项目的时候用的更多应该是idea对吧 然后我就想着学习了一些jdbc的知识 下面是我在之前学习过程中我的
  • 乐高机器人java程序代码_用JAVA编写一个乐高机器人躲避障碍物运动到目标点的程序....

    写出一个可以控制机器人的小程序 使机器人从一边到一个相对面 并至少跨越一个障碍物 规则如下 1 障碍物必须设置在机器人行走的路线上 2 空间的基本配置如插图3 不能用轨道之类的东西 写出一个可以控制机器人的小程序 使机器人从一边到一个相对面
  • 力扣算法之 螺旋矩阵 附python代码(超超级详细 )

    1 题目描述 给你一个 m 行 n 列的矩阵 matrix 请按照 顺时针螺旋顺序 返回矩阵中的所有元素 2 运行示例 输入 matrix 1 2 3 4 5 6 7 8 9 输出 1 2 3 6 9 8 7 4 5 3 解题思路 题意要求
  • 大数据之Hbase:Hbase工作机制

    目录 1 hbase工作机制示意图 2 hbase工作机制详细解析 1 hbase工作机制示意图 2 hbase工作机制详细解析 habse的整体工作机制是接受客户端发来的请求命令 从hdfs中读取表文件信息返回给客户端 每个hbase服务
  • Android 带你从源码的角度解析Scroller的滚动实现原理

    转帖请注明本文出自xiaanming的博客 http blog csdn net xiaanming article details 17483273 请尊重他人的辛勤劳动成果 谢谢 今天给大家讲解的是Scroller类的滚动实现原理 可能
  • Servlet开发之实现Servlet接口

    安装好Tomcat后 在tomcat gt lib下面的 这个servlet apt jar jar包需要导入到项目中 第一步 创建java文件并实现Servlet接口 public class Hello implements Servl
  • thinkphp6.0入门笔记(八)——加速页面刷新

    thinphp6 0加速页面刷新 参考文献 我们在使用thinkPHP6 0编程时 发现页面的刷新不太流畅 每次修改了页面之后 总要等个十几秒才能够完成刷新后的内容 开始代码不太会写 觉得倒也没啥 现在随着逐渐的积累 感觉学习的阻力少了很多
  • openstack Java批量创建实例 http调用

    先调用获取 X Subject Token 接口 再批量创建实例 参数 os password String password 123456 os user String user root os 的项目id String projectI
  • 计算机房一般在办公楼建设吗,办公楼,五层,和地下室总共建筑面积1800平米大约需要布105个的双网点机房建设,大概机房需...

    办公楼 五层 和地下室总共建筑面积1800平米大约需要布105个的双网点机房建设 大概机房需 这要看你机房设备的要求了 如果没有比如电视墙的安装和消防控制柜的安装15个到30或40个平方 都可以 空间大总是好的 2021 05 30 一办公
  • matlab画图:实现小圆覆盖大圆

    python实现小圆覆盖大圆 https blog csdn net qq 41845823 article details 118860729 以下是MATLAB的实现代码 function plot1 x y r theta 0 0 0
  • win7下安装深度linux双系统_深度学习

    简介 本教程是在win7系统下安装ubuntu系统的教程 安装成功后可以在开机启动项选择ubuntu或win7进入不同系统 2 准备工作 u盘 大于等于16G的就行 ubuntu安装包2G左右 注意要提前备份u盘内容 ubuntu镜像文件
  • 【学习笔记】双虚拟机双机调试教程

    本文作者 未念 二进制逆向星球学员 这个教程以 Windows7虚拟机作为被调试的虚拟机 Windows10虚拟机作为调试的虚拟机 Windows7虚拟机的设置跟着老师的Win7x86双机调试视频设置就行 就是跟着视频教程输入那四段语句 然
  • Java实现栈和队列

    前言 栈和队列是两种特有的存储数据的结构 栈是后进先出的一种结构 队列是先进先出的一种结构 由于这种特有的结构 在选择底层存储方式也有差异 由于栈是后进先出的结构 其实就是尾删 尾增操作 如果用顺序表来存储 尾删 尾增时间复杂度则是O 1
  • 华院计算

    一 让我们从一个简单的游戏开始 在一个很大 理论上无穷大 的围棋棋盘上 让黑子代表 生 而空格 称为白子 代表 死 在棋盘上的任何9个格子组成的正方形区域里 见图1 对处于中心位置的黑子或白子来说 它上下左右和两对角线外的黑子 如果存在 都
  • 解决-echarts点击左边柱状图的任意一个柱子,右边柱状图动态呈现相应的数据过程中的-方法

    效果就是这样 当我点击左边柱状图的任意一个柱子的时候 右边就呈现该柱子里面的你想要呈现的数据 第一步 首先肯定是创建容器来存放柱状图啦 div class BigBox div style width 100 height 500px di
  • 【AngularJS】5.AngularJS 工具方法以及AngularJS中使用jQuery

    1 Angularjs 工具方法 参考AngularJS API https docs angularjs org api官方文档 1 angular isArray value 判断是否是数组 返回true false div isArr