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

时间:2022-05-24 03:14:50
  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)) //
  • 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