微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

AngularJS——基础小知识一

$time0ut :定时器 $rootscope :全局的 $scope : 局部的作用域;   它下面的方法: $scope.$watch $scope.$apply   1)$scope.$watch : 监听数据变化(有三个参数),它是挂在在$scope下面的。 参数:前两个是必选的,后一个可选; 第一个参数:需要监听的字符串或函数; 第二个参数:当监听到的字符串或函数变化时所触发的回调函数;需注意:字符串那不需要加$scope而函数需要加;             回调函数里可以接受2个参数,一个是新的值,一个是改变前的旧值; 监听的字符串:      

监听的函数:      

第三个参数:如果没有第三个参数的话,就只能监听单个的数据;若要监听多个,就用到第三个参数了,第三个参数为true时就能监听到多个了;      

  2)$scope.$apply : 监听数据的变化,可以在第三方的库或者原生的js里直接用; Angular.module()模块化 Angular.module()模块化就是在javascript里是独立的,这样就不跟js里有的相冲突了;如果不写成模块化的,直接放到js里,就是全局的,有时候写多了忘记了什么的会跟js里的一些其他方法冲突; Angular.module()创建模块需要接受2个参数才能创建好;第一个参数:这个模块的名字;第二个参数:是个数组;数组里写的是当前这个模块需要依赖的其他模块; 1、模块化的写法:    

   

 

图上展示的就是如何把全局的写成模块化的,已蓝色线为分割线,上面的是模块化的写法调用,下面的是全局的写法调用;   2、防止压缩带来的变量改变而出现的报错;---推荐写法    

解决方法详解: 把第二个参数写成数组的形式,然后把函数里的参数$scope单独拿出来写;这样前面那个就是参数,不会被压缩改变,后面function里的接受的前面那个$scope实质的参数,压缩时发生缩减改变就不会有影响了而报错了;
  1. 方法
     

Controller() : 控制器的操作;    

Run() : 初始化一些全局的数据;是全局的,局部的不行;    

  Angular 工具方法 1、angular.bind() : 改变this指向的;

例子:3种传参的方式        2、angular.copy() : 拷贝对象;         现在a,b,c都是name=‘hello’   3、angular.extend() : 对象继承;                  现在b和c的返回结果是一样的,a还是原来的;   4、angular.isArray : 判断是不是数组;              5、angular.isDate : 判断是不是时间对象;   6、angular.isDefined : 判断一个元素是存在的;如果这个元素不返回undefined它就为true,返回undefined它就为flase;   7、angular.isUndefined : 判断一个元素是不是undefined ;是的话返回true,不是的话返回flase;   8、angular.isFunction : 判断是不是函数;   9、angular.isNumber : 判断是不是数字;   10、angular.isObject : 判断是不是对象;   11、angular.isstring : 判断是不是字符串;   12、angular.isElement : 判断是不是一个元素;(除了能判断原生的js元素外,jq获取到的元素也能判断)         13、angular.version : 判断当前angular.js的版本;   
   14.angular.equals : 判断2个元素是否相等;  特点:只要是相同的元素就返回true;              但是在原生的js当中[]==[]是不相等的;        但是在院生的js当中NAN==NAN是不相等的;   15.angular.forEach : 遍历操作; angular.forEach()方法接受3个参数。 第1个参数:我们要进行操作的value值。这个值可以是数组也可以是对象。 第2个参数:回调函数。             数组:回调函数里的参数为--1:遍历数组的值,2:对应的下标。                  对象:回调函数里的参数为--1:对象对应的key,2:遍历对象的值。                                     第3个参数 : 返回的结果,是个数组;下面的this就是指第三个参数result的结果数组;            16.angular.fromJson/toJson : 对字符串形式的json进行解析。//  对json格式的进行字符串转换。     类似于原生js当中的                                 17、angular.identity/noop : 参数是什么就传递什么;//  空函数。 (辅助方法,为防止程序出错而设计的)           Console()里是angular的写法,function里是原生js的写法;   18.angular.lowercase/uppercase : 转换大小写的方法;                 19.angular.element : 获取一个元素,然后对这个元素进行一些后续的操作; Angular.js里面有融合一些jq的方法;但是没有全部融入,所以还得引入jq库,所以引入了jq了那angular里的jq方法就没什么用了,直接用jq库里的方法就好了; 下面是angular.js和jq库都引入了;                 20.angular.bootstrap : Angular当中进行一种动态初始化的方式; 前面咱们讲到Angular初始化程序调用,就是在标签上写上ng-app ;          这个是不用ng-App的方法,用的angular.bootstrap方法。    21.Angular.injector : 注册器的作用(这个方法主要是在angular内部来使用的在外部使用的很少);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐