Angular 下的 function
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(它是一个功能模块)调用迭代器函数去遍历每一个在对象集合里面的项目,它可以是一个对象或一个数组。
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 (扩展)
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
Usage
angular.isElement(value);
Arguments
Param | Type | Details |
---|---|---|
value | * |
Reference to check. |
Returns
Boolean |
如果是一个DOM元素或者是一个JQuery元素就返回true |
angular.equals (等于 相等)
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
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-合格的 字符串代表 |
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
// 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.element
如果jQuery可用, angular.element
就是Jquery的一个小程序. 如果jQuery不可用,
angular.element将委托angular里的内置JQuery插件,
称为“jQuery lite”或“jqLite”。
Angular's jqLite
jqLite 只提供以下jQuery方法:
addClass()
after()
append()
attr()
bind()
-不支持名称空间, 选择器或eventDatachildren()
-不支持选择器clone()
contents()
css()
data()
empty()
eq()
find()
- 局限于查找通过标签名hasClass()
html()
next()
- 不支持选择器on()
- 不支持名称空间, 选择器或eventDataoff()
- 不支持名称空间或选择器吗one()
- 不支持名称空间或选择器吗parent()
- 不支持选择器prepend()
prop()
ready()
remove()
removeAttr()
removeClass()
removeData()
replaceWith()
text()
toggleClass()
triggerHandler()
- 通过一个虚拟的事件对象处理程序unbind()
- 不支持名称空间val()
wrap()
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. |
Angular 下的 function的更多相关文章
- angular下H5上传图片(可多张上传)
最近做的项目中用到了angular下上传图片功能,在做的过程中遇到了许多问题,最终都得以解决 angular上传时和普通上传时过程差不多,只不过是要不一些东西转化为angular的东西. 1.ng-f ...
- VS2012下std::function的BUG解决办法
VS2012版本下std::function存在问题,链接:https://stackoverflow.com/questions/13096162/stdfunction-not-compiling ...
- ES6下的Function.bind方法
在JavaScript的使用中,this的指向问题始终是一个难点.不同的调用方式,会使this指向不同的对象.而使用call,apply,bind等方式,可改变this的指向,完成一些令人惊叹的黑魔法 ...
- Angular 下的 directive (part 2)
ngCloak ngCloak指令被使用在,阻止angular模板从浏览器加载的时候出现闪烁的时候.使用它可以避免闪烁问题的出现. 该指令可以应用于<body>元素,但首选使用多个ng ...
- Angular 下的 directive (part 1)
directive 指令 Directive components 指令部分 使用指令自动引导一个AngularJS应用.ngApp指令指定应用程序的根元素,通常是放在页面的根元素如: < ...
- angular下拉
<div class="form-group col-sm-4"> <label class="col-sm-5 control-label" ...
- angular下如何绑定form表单的change事件
ng-change = "formChange()" 不起作用 应该改为: onchanged = "angular.element(this).scope().form ...
- [Linux]Linux下signal function传参方式
https://stackoverflow.com/questions/6970224/providing-passing-argument-to-signal-handler This is a r ...
- Angular从0到1:function(下)
1.前言 2.function(下) 2.13.angular.isArray(★★) angular.isArray用于判断对象是不是数组,等价于Array.isArray console.log( ...
随机推荐
- [转]An overview of Openvswitch implementation
This is NOT a tutorial on how to use openvswitch, this is for developers who want to know the implem ...
- LeetCode-51.N皇后
n 皇后问题研究的是如何将 n 个皇后放置在 n×n 的棋盘上,并且使皇后彼此之间不能相互攻击. 上图为 8 皇后问题的一种解法. 给定一个整数 n,返回所有不同的 n 皇后问题的解决方案. 每一种解 ...
- Vue.js 相关知识(路由)
1. 简介 路由,工作原理与路由器相似(路由器将网线总线的IP分发到每一台设备上),Vue中的路由根据用户在网页中的点击,将其引导到对应的页面. 2. 使用步骤 安装vue-router或者直接引入v ...
- 基于 Java Web 的毕业设计选题管理平台--测试报告与用户手册
一.测试报告 1.兼容性测试 功能 描述 效果 Chrome浏览器 FireFox浏览器 IE浏览器 war 端浏览器 管理员登录 管理员用户登录功能 弹出“登录成功”对话框,进入到毕业设计选题管理平 ...
- 从零开始学Kotlin-枚举(9)
从零开始学Kotlin基础篇系列文章 枚举的定义 一个类的对象是有限且固定的,这种实例有限且固定的类称为枚举类; 枚举常量用逗号分隔,每个枚举常量都是一个对象; enum class EnumDemo ...
- Ubuntu 14.04 installation & bugs on Alienware-13
列一下Alienware 13笔记本配置: Processor: Intel Core 5th Generation i5-5200U Processor (3M Cache, up to 2.70 ...
- 如何自定义微信小程序swiper轮播图面板指示点的样式
https://www.cnblogs.com/myboogle/p/6278163.html 微信小程序的swiper组件是滑块视图容器,也就是说平常我们看到的轮播图就可以用它来做,不过这个组件有很 ...
- delphi xe 的替代者 Lazarus
Lazarus的设计目标是应用Free Pascal,所以所有凡是Free Pascal能运行的平台,Lazarus都可以运行.最新版本能运行于Linux,Win32和Mac OS.整个界面的外观和操 ...
- Ubutnu linux 下升级python版本,以2.x升级到3.x为例
Linux操作系统一般 都会自带python,但是python版本会比主流低,故升级python, 主要思路:自带的python的链接link文件是在/usr/bin 下,采用sudo apt-get ...
- 洛谷P4831 Scarlet loves WenHuaKe
这道题告诉我们推式子的时候头要够铁. 题意 问一个\(n\times m\)的棋盘,摆上\(n\times 2\)个中国象棋的炮使其两两不能攻击的方案数,对\(998244353\)取模. \((n\ ...