Angular 下的 function

2023-11-11

angular.lowercas

将指定的字符串转换为小写的

Usage(使用方法)

angular.lowercase(string);

 

Arguments

 

Param Type Details
string string

字符串转换成小写

Returns(返回)

string

小写字符串

angular.uppercase

将指定的字符串转换为大写的

Usage

angular.uppercase(string);

Arguments

Param Type Details
string string

字符串转换成大写

Returns

string

大写字符串

 

angular.forEach

function in module ng(它是一个功能模块)调用迭代器函数去遍历每一个在对象集合里面的项目,它可以是一个对象或一个数组。
迭代器函数调用迭代器(值,键),这个值是一个对象属性的值或者一个数组元素,另外
还有Key是对象属性键或索引数组元素,指定一个上下文的功能是可选的。
 
值得注意的是:.forEach不遍历继承的属性,是因为它是用的hasOwnProperyt方法来过滤的。
     var values = {name: 'misko', gender: 'male'};
     var log = [];
     angular.forEach(values, function(value, key) {
       this.push(key + ': ' + value);
     }, log);
     expect(log).toEqual(['name: misko', 'gender: male']);

使用方法

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

Arguments

Param Type Details
obj Object      Array
对象遍历
iterator Function
对象函数
context
(optional)
Object

此对象被指定为当天迭代函数的上下文

Returns

Object     Array
引用obj
 

angular.extend   (扩展)

从src对象复制所有的属性到dst,来扩展目标对象dst,您可以指定多个src对象。

Usage

angular.extend(dst, src);

Arguments

Param Type Details
dst Object

目标对象

src Object

源对象

Returns

Object

引用dst

 

angular.noop   [等待]

当一个函数执行操作的时候,当在功能类型里编写代码时这个函数非常有用。
     function foo(callback) {
       var result = calculateResult();
       (callback || angular.noop)(result);
     }

Usage

angular.noop();

 

angular.identity  【身份】

函数返回它的第一个参数,当在功能类型里编写代码时这个函数非常有用。

     function transformer(transformationFn, value) {
       return (transformationFn || angular.identity)(value);
     };

 

Usage

angular.identity();

 

 

angular.isUndefined  

确定是否引用的是  未定义

 

Usage

angular.isUndefined(value);

//

var cc = "ddd";

 // var cc;

 //这样的话就弹出 true

 //就是说angular.isUndefined(); 是判断定义了但没有初始化是用的

 console.log(angular.isUndefined(cc));

Arguments

Param Type Details
value *

Reference to check.

Returns

boolean

如果值未定义返回true

 

angular.isDefined

确定是否引用的是  已定义

Usage

angular.isDefined(value);

Arguments

Param Type Details
value *

Reference to check.

Returns

Boolean

如果值已定义返回true

 

angular.isNumber

确定是否引用的是  数值型

Usage

angular.isNumber(value);

/

 var cc = "ddd";

 var num = 33;

 console.log(angular.isNumber(cc)); // false

 console.log(angular.isNumber(num)); // true

Arguments

Param Type Details
value *

Reference to check.

Returns

boolean
如果值是一个数字返回true

 

 

angular.isDate

确定是否引用的是  日期型对象

Usage

angular.isDate(value);

/

 var cc = "2014-12-12";

 var date = new Date();

 console.log(angular.isDate(cc)); // false

 console.log(angular.isDate(date)); // true

Arguments

Param Type Details
value *

Reference to check.

Returns

boolean

是日期型的就返回true

angular.isArray

确定是否引用的是  数组对象

Usage

angular.isArray(value);

Arguments

Param Type Details
value *

Reference to check.

Returns

boolean

如果是数组对象返回true

angular.isFunction

确定是否引用的是  函数

Usage

angular.isFunction(value);

Arguments

Param Type Details
value *

Reference to check.

Returns

boolean  

如果是一个函数就返回true

angular.isElement

确定是否引用的是  DOM元素 或者是一个JQuery 元素

Usage

angular.isElement(value);

Arguments

Param Type Details
value *

Reference to check.

Returns

Boolean

如果是一个DOM元素或者是一个JQuery元素就返回true

 

angular.equals  (等于   相等)

确定是否两个对象或两个值是一样的。支持数值类型、正则表达式、数组和对象。
 
如果下面有一个是正确的,那么这两个对象或者数值就被看做是相等的
 
一:对象或者数值通过了 === 的比较
二: 两个相同类型的对象或值以及他们所有的属性都是相等的,他们都通过angular.equals来比较。
三:这两个值是 NAN(在Javascript中认为两个NAN是不相等的,但我们考虑用equal来比较是相等的)
四:两个相同的正则表达式来表示的值(In JavaScript, /abc/ == /abc/ => false.但我们考虑用equal来比较
是相等的当他们的文本进行匹配).
 
在属性比较期间,函数类型的属性和属性的名字前面的$将被忽略

Usage

angular.equals(o1, o2);

//

 var cc = "2014-12-12";

 var dd = "2014-12-12";

 var ee = "2014";

 console.log(angular.equals(cc, dd)); // true

 console.log(angular.equals(cc, ee)); // false

Arguments

Param Type Details
o1 *

对象或者是值进行比较

o2 *

对象或者是值进行比较

Returns

Boolean

如果比较的元素相等就返回true

angular.copy

创建一个深拷贝的源, 一个对象或数组.

  • 如果没有提供目标,创建一个对象或数组的副本。
  • 如果提供了目的标,所有的元素(数组)或属性(对象)被删除,然后从源复制到所有元素/属性。
  • 如果源不是对象或数组(null和未定义),返回源。
  • 如果来源是相同的“source”将抛出一个异常。

Usage

angular.copy(source, [destination]);   // 来源   目标

Arguments

Param Type Details
source *
源,将用于复制。可以是任何类型,包括primitives(原语),null,未定义的。
destination
(optional)
Oject  Array
复制源到目的地。如果需要,必须是相同类型的来源。

Returns

*

如果目标被指定了,目标将被拷贝或者被更新.

 

angular.bind

返回一个函数,调用函数fn绑定到自身(自身成为这个fn)。绑定之前为函数提供一个args参数。
这个特性也被称为偏函数用法,作为区别于函数局部套用。

 

Usage

angular.bind(self, fn, args);

Arguments

Param Type Details
self Object

函数执行的上下文将被评估

fn function()
函数被绑定。
args *

可选参数在fn调用之前被绑定

Returns

function()
函数封装了fn与所有指定的绑定
 

 

angular.toJson

 

序列化为json格式的字符串输入. 属性前带有$符号的将被隔离,因为angular内部会用到$这个符号。

 

Usage

angular.toJson(obj, [pretty]);

Arguments

Param Type Details
obj Object  Array  Date  sring number
输入被序列化为JSON
pretty
(optional)
boolean
如果设置为真,那么JSON输出将包含换行和空白

Returns

string   undefined

JSON-合格的 字符串代表 obj.

 

angular.injector  注射器

创建一个注射器函数可用于检索服务和依赖注入()

Usage

angular.injector(modules);

Arguments

Param Type Details
modules Array.<string|function>

一列功能莫款

Returns

function()

注入器的功能. See $injector.

 

 

 

angular.module

angular.module 被创建在一个公共的环境里, 注册和检索Angular模块. 

所有的模块(angular核心或者是第三方)都需要用这种机制来注册下。

 

当两个或两个以上的参数传递,创建一个新模块。
如果只有一个参数,通过现有的模块(名称作为第一个参数传递给模块)检索。

Module

模块是一个服务集合、指令、控制器、过滤器、和配置信息
angular.module 用于配置注入器的
// Create a new module
var myModule = angular.module('myModule', []);

// register a new service
myModule.value('appName', 'MyCoolApp');

// configure existing services inside initialization blocks.
myModule.config(['$locationProvider', function($locationProvider) {
  // Configure existing providers
  $locationProvider.hashPrefix('!');
}]);

Then you can create an injector and load your modules like this:

var injector = angular.injector(['ng', 'myModule'])

However it's more likely that you'll just use ngApp or angular.bootstrap to simplify this process for you.

Usage

angular.module(name, [requires], [configFn]);

Arguments

Param Type Details
name string
创建或检索模块的名称。
requires
(optional)
!Array.<string>=
如果指定了那么创建新模块。如果未指定的,那么进行模块检索与进一步配置。
configFn
(optional)
Function

可选配置功能模块。相同模块配置

Returns

module

新的模块去 angular.Module api.

 

 

 

angular.element

包装原始DOM元素或HTML字符串作为jQuery元素。

如果jQuery可用, angular.element 就是Jquery的一个小程序. 如果jQuery不可用,

angular.element将委托angular里的内置JQuery插件,称为“jQuery lite”或“jqLite”。

 
jqLite非常小,JQuery子集允许Angular操纵DOM跨浏览器兼容。
jqLite工具实现只有最常需要的功能它是一个非常小的封装。
 
在使用JQuery,在载入之前DOMContentLoaded已经被触发了
 
注释:所有的元素引用在Angular里都是被包装在JQuery或者jqLite中,他们不会生成DOM引用

Angular's jqLite

jqLite 只提供以下jQuery方法:

jQuery/jqLite Extras

Angular 还提供以下额外的jQuery和jqLite方法和事件:

Events

  • $destroy - AngularJS 阻拦了所有 jqLite/jQuery's DOM接口以及触发当前事件上
  • 的所有DOM节点都被删除,这可以用于清理任何第三方绑定到DOM元素之前删除。

Methods

  • controller(name) -获取当前元素或其父母的控制器,默认情况下检索与ngController相关控制器指令。
  • 如果name提供驼峰指令名,那么这个指令的控制器将被检索(如。“ngModel”)。
  • injector() -获取当前元素或其父母的注射器。
  • scope() -获取当前元素或其父母的作用范围。
  • isolateScope() - 如果直接附加到当前元素,那么检索一个隔离范围。这只应该使用getter元素包含一个指令,开始一个新的隔离范围。调用范围在这个元素总是返回原始non-isolate范围。
  • inheritedData() -相同的数据但爬到DOM,直到找到一个值或达到顶级父元素。

Usage

angular.element(element);

///

 <p id="sss">dddd</p>

 <script type="text/javascript">

 var pp = document.getElementById('sss');

 angular.element(pp).addClass("aaa");

 </script>

Arguments

Param Type Details
element string DOMElement
HTML字符串或DOMElement包裹到jQuery。

Returns

Object

jQuery object.

转载于:https://www.cnblogs.com/mcat/p/4045053.html

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

Angular 下的 function 的相关文章

  • 是否可以禁用特定 jQuery Ajax 调用的 Turbolinks 以防止页面刷新和滚动?

    我有一个 Rails 5 应用程序 非常想使用 Turbolinks 在应用程序中 有几个 PATCH ajax 调用 它们只是用新数据更新服务器 但不需要担心更新页面的状态 每当这些 ajax 请求返回时 Turbolinks 就会刷新页
  • 如何使用键盘和鼠标控制相机 - Three.js

    我在 WEB GL 中有一个带有 Three js 的 3D 环境 并且我曾经使用 Orbitcontrols js http codepen io nireno pen cAoGI http codepen io nireno pen c
  • 为什么 jQuery 点击事件会多次触发

    我这里有这个示例代码http jsfiddle net DBBUL 10 http jsfiddle net DBBUL 10 document ready function creategene click function confir
  • 如何通过 HTML 按钮播放声音

    我目前通过网站播放音乐的方法是通过 HTML 音频标签 不过我希望能够通过 HTML 按钮来播放它 该按钮应该能够在播放和停止之间切换音乐 我在 JSFiddle 创建了一个示例 但不知道如何实现它 有人可以告诉我如何使用我的 JSFidd
  • 在浏览器中语音聊天? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我们正在寻求建立一个小组 voice 使用服务器上的node js 在浏览器中聊天 这可能吗 如果您希望您的解决方案是基于服务器端和客
  • 将 jquery-mobile 与 Webpack 结合使用

    我正在尝试使用 webpack 加载 jquery mobile 但到目前为止还没有运气 我知道 jquery mobile 依赖于 jquery ui 而 jquery ui 又依赖于 jquery 如何在 Webpack 中设置这样的场
  • 如何在 d3 js 中突出显示从根到选定节点的路径?

    我使用 d3 js 创建了一棵树 现在我创建了一个下拉菜单 其中包含树中所有节点的列表 现在 从下拉菜单中选择一个节点时 我想突出显示从根到该特定节点的路径 这个怎么做 首先创建一个 flatten 函数 它将分层数据变成一个 n 数组 f
  • 使用模态表单 ajax 超出 HTMLFormElement.toString 的最大调用堆栈大小

    我想使用模态窗口中的 ajax 请求提交表单 单击此链接可打开该模式 a class btn btn primary i class fa fa edit i Write a review a 模态窗口 div class modal fa
  • 如何改变HTML5视频的播放速度?

    如何更改 HTML5 中的视频播放速度 我查过视频标签的属性 https www w3schools com html html5 video asp在 w3school 但无法做到这一点 根据这个网站 http www chipwreck
  • v-file-input .click() 不是函数

    我试图以编程方式触发 v file input 的 click 事件 因为它在 Vuetify 的文档中 但它显示一个错误this refs imagePicker click is not a function我在这里错过了什么吗 代码重
  • 访问 TypeScript 数组的最后一个元素

    TypeScript 中有访问数组最后一个元素的符号吗 在 Ruby 中我可以说 array 1 有类似的东西吗 您可以通过索引访问数组元素 数组中最后一个元素的索引将是数组的长度 1 因为索引是从零开始的 这应该有效 var items
  • jQuery 选择器:为什么 $("#id").find("p") 比 $("#id p") 更快

    该页面的作者 http 24ways org 2011 your jquery now with less suck http 24ways org 2011 your jquery now with less suck断言 jQuery
  • 如何滚动到div内的元素?

    我有一个滚动的div我想在点击它时发生一个事件 它会强制执行此操作div滚动以查看内部元素 我写的JavasCript是这样的 document getElementById chr scrollIntoView true 但这会在滚动时滚
  • 如何访问另一个 mobx 商店中的 mobx 商店?

    假设以下结构 stores RouterStore js UserStore js index js each of Store jsfiles 是一个 mobx 存储类 包含 observable and action index js只
  • 如何在网页上实现文件上传进度条?

    当用户将文件上传到我的网络应用程序时 我想显示比动画 gif 更有意义的内容 我还有哪些可能性 编辑 我正在使用 Net 但我不介意是否有人向我展示与平台无关的版本 如果您对这一切在客户端通常如何工作感兴趣 就是这样 所有解决方案都通过 J
  • 有关于 PHP 中的 V8JS 的文档吗?

    有没有关于V8JS的文档 我是否只需要标准 PHP 或一些扩展即可使用 V8JS 我将非常感谢有关 PHP 中的 V8JS 的任何信息 要求 PHP 5 3 3 和 V8 库和标头安装在正确的路径中 Install http www php
  • Jquery,清除/清空 tbody 元素的所有内容?

    我认为这会相当简单 但似乎空方法无法清除我拥有的 tbody 如果有人知道执行此操作的正确方法 我将不胜感激 我只想删除 tbody 中包含的所有内容 到目前为止我正在尝试 tbodyid empty HTML table tbody tr
  • 需要js、d3 和 nvd3 集成

    我面临整合的问题要求 questions tagged requirejs with d3 questions tagged d3 and nvd3 questions tagged nvd3 我找到了一个使用 require 的简单解决方
  • 您如何看待引导模式触发器的相应回调?

    On 引导模态 http getbootstrap com javascript modals 我们知道我们可以为触发器绑定事件 例如show or hide using show shown hide hidden 但此事件绑定仅适用于一
  • 如何调试 Gulp 任务?

    如何调试我的中定义的 gulp 任务gulpfile js使用诸如 Google Chrome 调试器之类的调试器逐行单步执行任务的代码 对于 Node js 6 3 版本 您可以使用 inspect flag https nodejs o

随机推荐

  • 【Android -- 写作工具】Markdown 代码块

    1 前言 关于代码块 Markdown 作者给出的定义如下 预格式化代码块主要用于在 Markdown 文档中显示源代码风格的内容 相比普通的文本段落 代码块可以保留文字内容的多行换行 缩进等格式 在 Markdown 文档中生成代码块 需
  • Numpy中的(一维)数组和(行列)向量

    Numpy中的 一维 数组和 行列 向量 随笔记录 Numpy的数组和行列向量的区别 随笔记录 Numpy的数组和行列向量的区别 今天做sklearn的datasets diabetes 的实验 做了个操作 diabetes是一个442 1
  • 【FPGA的基础快速入门17------频率计】

    FPGA的基础学习 频率计 频率计简介 等精度频率计 频率计简介 频率计又称为频率计数器 是一种专门对被测信号频率进行测量的电子测量仪器 计数法 直接计数单位时间内被测信号的脉冲数 这种方法测量精度高 速度快 适合不同频率 不同精确度测频的
  • 输入一个四位整数,分别输出组成该四位数的各位数字

    一 代码实现 1 include
  • Spring框架支持哪几种Bean作用域?自动装配Bean有哪些方式?

    Spring框架支持哪几种Bean作用域 spring支持五种Bean作用域 singleton 单例 就是每个spring容器只有一个 实例对象 prototype 多例 一个bean可以定义多个实例 另外三个是在web的Spring A
  • dell服务器启动顺序如何设置_戴尔品牌机怎么设置启动顺序(按F12进bios的)?

    展开全部 这主板非常麻烦 可关了保护 并切换 Legacy启动模式 U盘PE 装完系统 要改回uefi模式 DELL bios操作一32313133353236313431303231363533e59b9ee7ad943133343137
  • 传输线的物理基础(二):信号在传输线中的速度

    铜中电子的速度 信号在传输线上传输的速度有多快 如果人们经常错误地认为信号在传输线上的速度取决于导线中电子的速度 凭着这种错误的直觉 我们可能会想象降低互连的电阻会提高信号的速度 事实上 典型铜线中电子的速度实际上比信号速度慢约 100 亿
  • NLP中的数据增强方法!

    作者简介 大家好我是 uu 人工智能硕博在读 精通python 某大厂nlp算法经历 机器学习 深度学习 自然语言处理 计算机视觉 个人主页 uu主页 觉得uu写的不错的话 麻烦动动小手 点赞 收藏 评论 今天给大家带来的刷题系列是 NLP
  • BUS creator & selector、Mux&Demux

    2 3 总线BUS creator selector Bus Creator 由几路输入信号合成为一条总线信号 Bus Selector 由总线信号中选取需要的一路或几路信号输出 Mux 信号合成 Demux 信号分解 区别 Bus的可选择
  • vue web在线聊天功能实现

    上一篇介绍了vue怎么实现无限滚动窗体 这一篇就具体怎么使用vue实现web在线聊天功能展开深入讨论 对尚且不清楚怎么实现无限滚动窗体的 可前往这里查看 vue和iview实现无限滚动的正确解法 先看看最终实现的效果 实现过程 无限滚动窗体
  • 【ChatGPT进阶】如何使用ChatGPT做知乎好物?

    如果你想通过知乎赚钱 知乎好物是一个不错的选择 门槛很低 而且是一个可以长期 躺赚 的项目 如果你会ChatGPT的话 可以去卷同行 知乎好物是什么 知乎好物是一种在知乎平台上创作内容或回答问题时 使用 好物推荐 功能在内容中插入商品卡片
  • AI绘画StableDiffusion美女实操教程:斗破苍穹-小医仙-天毒女(附高清图下载)

    小医仙 是天蚕土豆所著玄幻小说 斗破苍穹 1 及其衍生作品中的角色 身负厄难毒体 食毒修炼 万毒不侵 通体毒气 这种会无意识地杀死别人的体质让天性善良的小医仙成为人憎鬼厌的天毒女 在萧炎多次帮助下得以控制 出图效果展示 资源整合 今天我们就
  • springboot集成RabbitMQ-超级详细步骤

    本文对应的代码地址 https github com zhangshilin9527 rabbitmq study 前置工作 1 安装rabbitmq 2 登录 地址 http localhost 15672 账号密码 guest gues
  • mybatis学习(31):修改部分字段(有外键,先查询,再修改)

    目录结构 com geyao mybatis mapper BlogMapper类 package com geyao mybatis mapper import java util List import java util Map im
  • vue利用路由控制实现登录功能

    未使用服务器接口 登录信息保存在cookie中 可以实现登录功能 vue交流群203849104 vue使用cookie首先需要安装cookie npm install js cookie 然后在router下面的index js文件中引入
  • 线程池ThreadPoolExecutor源码解析

    参考视频 首先回顾一下创建线程等的三种方式 第一个是直接继承Thread类 重写run方法 这个其实内部也是继承了Runnable接口重写run方法 比如 public class MyThread extends Thread Overr
  • oracle查看数据文件大小,路径及修改大小

    查看数据文件占用大小使用大小 select b file id 文件ID号 b tablespace name 表空间名 b bytes 1024 1024 M 字节数 b bytes sum nvl a bytes 0 1024 1024
  • json11库的使用

    JSON JavaScript Object Notation 是一种轻量级的文本数据交换格式 易于让人阅读 同时也易于机器解析和生成 尽管JSON是Javascript的一个子集 但JSON是独立于语言的文本格式 并且采用了类似于C语言家
  • echarts图表的label太长解决办法

    如图 这个echarts图标的y轴label文字因为太长显示不全 这时我们可以选择使用formatter换行显示 具体代码如下 yAxis type category data 火灾 洪涝 急救 消防 公安 axisLabel format
  • Angular 下的 function

    angular lowercas 将指定的字符串转换为小写的 Usage 使用方法 angular lowercase string Arguments Param Type Details string string 字符串转换成小写 R