秒味课堂Angular js笔记------Angular js中的工具方法

1. Angular js中的工具方法

• angular.isArray
• angular.isDate
• angular.isDefined
• angular.isUndefined
• angular.isFunction
• angular.isNumber
• angular.isObject
• angular.isString
• angular.isElement
• angular.version
• angular.equals(a,b)      //只要是相同的元素返回true，不同返回假
• angular.forEach

            var value={"name":"ABC","age":20};
            var result = [];
             //forEach 
            angular.forEach(value , function(value,key){
                console.log(value); 
                console.log(key);
                this.push(value + key)   //this代表结果数组
            } , result);
            console.log(result);       

• angular.fromJson/toJson   //分别是Json到字符串，字符串到json
• angular.identity/noop    //辅助作用，进行默认操作，如果没有给函数赋值，则返回传递的参数

            var getResult = function(a){
                    return a*3;
                };
            function identityTest(fn , value){
                    return (fn || angular.identity)(value);
            }
            console.log(identityTest(getResult,3)) //9;
            console.log(identityTest(null,3)) //3

• angular.lowerCase/upperCase
• angularl.element   获取元素

                         //引入jQuery情况下
                        angular.element('#div1').css('background','red')
                        //原生js
                        var oDiv = document.getElementById("#div1");
                        angular.element(oDiv).css("background","red")

　　　　　　　 补充：angular支持的jqLite的方法包括如下

                    addClass() 给元素添加指定的类。 
                    after() 在元素的后面插入内容。 
                    append() 将内容插入到元素的尾部。 
                    attr() 获取或者设置元素的属性①值。 
                    bind()/on() 给选中元素的一个或者多个事件附加一个事件处理程序。 
                    children() 获取元素的子元素。 
                    clone() 创建一个元素的深复制。 
                    contents() 获取每个元素的子节点，返回的集合中包含文本和注释节点。 
                    css() 获取或设置元素的style属性值。 
                    data() 存储或返回与元素关联的指定数据值。 
                    eq() 获取指定索引位置的元素。 
                    find() 过滤元素的子节点，只能通过标签名过滤。 
                    hasClass() 确定元素本身是否分配了给定的类。 
                    html() 获取或者设置元素的HTML内容。 
                    next() 获取紧跟元素的兄弟元素。 
                    off()/unbind() 通过名称移除一个事件处理程序。 
                    parent() 获取元素的父元素。 
                    prepend() 将内容插入到元素的开头。 
                    prop() 获取或设置元素的属性①值。 
                    ready() 指定一个DOM加载完成时执行的函数。 
                    remove() 从DOM中移除元素。 
                    removeAttr() 从元素中移除一个属性（attribute）。 
                    removeClass() 从元素中移除一个、多个或者所有类。 
                    removeData() 从元素中移除先前存储的数据。 
                    repalceWith() 使用提供的新内容替换元素。 
                    text() 获取或者设置元素中合并的文本内容。 
                    toggleClass() 从元素中添加或者移除一个或者多个类。 
                    triggerHandler() 执行附加给元素的某个事件的所有事件处理程序。 
                    val() 获取或设置元素的当前值。 
                    wrap() 使用指定的HTML结构包裹元素。 

• angular.bootstrap   //手动初始化angular.bootstrap(document,[''])

             //如果有两个ng-app 可以用此动态方式对不同的元素添加
             var oDiv = document.getElementByTagName('div');
             angular.bootstrap(oDiv[0] , ['myApp1']);
             angular.bootstrap(oDiv[1] , ['myApp2']);            

• angular.injector