美文网首页
AngularJs中的工具方法

AngularJs中的工具方法

作者: 清晨雨露_ | 来源:发表于2017-01-20 21:29 被阅读0次

angular.isArray

var  a= []     //判断是否是数组,返回true   false

console.log(angular.isArray(a))

angular.isDate

angular.isDefined

angular.isFunction

angualr.isNumber

angualr.isObject

angular.isString

angular.isElement

window.onload = function(){  

console.log(angular.isElement(document.body));

}

判断元素是否存在  支持JQ方法

---------------------------------

angular.version   查看angualr 版本

angular.equals()    //  判断两个元素是否相等  返回boolern

angular.forEach()   接受3个参数

var  values = [ 'a' ,'b' ,'c']

angular.forEach(values,function(value,i)){

value   i

}

var resule = []     第三个参数是接受返回的整体

angular.forEach(values,function(value,i)){

value  i

},result)

angular.fromJson/toJson      对字符串Json 进行转换解析

JSON.parse()   JSON.stringfy()   //一样  (原生) 

var  str = ' {  " name ” :“hello”  } '

var josn  =  angualr.fromJson(str)

var josn = {  " name ” :“hello”  }

var str = angular.toJson(json,  true )

这个true  就是格式化 可以清晰看清格式

1angular.identity     直接返回元素中的内容    辅助默认

2angualr.noop()           辅助默认    ()

angular.lowercase   angualr.upperacse    小大写

angualr.element    JQ 方法  看官方一部分实现JQ的方法

var a = document.getELementById(" a ")

angular.element(  a ).css(  ' background ' , ' red '  )

angualr.element = $   

angualr  融入JQ 是没有必要的  还要引入JQ   显得鸡肋了

angular.bootstrap     初始化方式                    ng-app(指令)

不用写ng  这个用JS 可以动态实现初始化         模块  指令(控制)

document.onlick = function(){

angualr.bookstrap( document , [ "myapp" ] )  

//数组里名字执行队形模块    动态创建标签点击angualr初始化

ng-app  写在HTML  针对整个页面   写在标签里针对单独

ng-app = 'myapp1'

ng-app = " myapp2 "

两个初始化   第一个  (多个初始化 只会识别第一个 不常见)

如果发生  就通过动态JS

doccument.onclick = function(){  

var aDiv = document.getElementByTagName( ' div ' )

angualr.bookstrap(  aDiv [ 0 ] ,[ " myApp1 " ]

angualr.bookstrap(  aDiv [ 1 ] ,[ " myApp2 " ]

 }

好处 :一但页面出现多次初始化调用,可以用;写成指令只能进行一个操作;

angualr.injector   内部方法      注册器的意思 内部来使用

相关文章

  • AngularJs中的工具方法

    angular.isArray var a= [] //判断是否是数组,返回true falseconsol...

  • angularJs的工具方法

    angularJs的工具方法 1.angular.isArray() 返回true; 2. angular.isE...

  • 前端 资料库

    跟我学AngularJs:AngulaJs开发技巧汇总(持续更新) AngularJS 中文资料+工具+库+Dem...

  • 20150102学习记录

    一、AngularJs相关 1.ngAnimate基础使用方法 AngularJS with ngAnimate标...

  • angular模块的方法

    AngularJS并没有main方法,AngularJS使用模块的概念来代替main方法。 加载和依赖模块加载动作...

  • Angular Promises – Then Vs Succe

    在angularjs 1.5中$http success和error方法已弃用。Simple calls with...

  • angular.extend()

    AngularJS的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中,使...

  • angular 基础入门概念

    1.angularJs 简介 2.angularJs 运行原理 启动方式四个重要方法:1.angular.boot...

  • 初识AngularJs

    一、AngularJs简介 1.AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的...

  • Angular.js菜鸟学习(一)

    AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称...

网友评论

      本文标题:AngularJs中的工具方法

      本文链接:https://www.haomeiwen.com/subject/dzkgbttx.html