关于angular JS 中$timeOut 的一些不正常情况下的$destory

最近项目中存在的问题头疼脑热了好一会. 我先简单说明下问题是由,使用$timeOut循环调用的时候由于页面存在异步加载会出现反复执行循环反复调用$timeOut,怎么清除跳出循环都不管用.于是查到了如下方法,可能理解上稍有偏差但是事实证明是管用的. 在angular中,如需使用$timeOut需要通过注入service的方式在控制器中依赖注入这里就不多说了. function fnTime (x){ if( x<100 ){ x--; var time = $timeOut( function(…

Angular JS中$timeout的用法及其与window.setTimeout的区别

$timeout的用法 angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行. 如果需要取消一个timeout,调用$timeout.cancel(promise)方法. 用法: $timeout(fn, [delay], [invokeApply]): fn: 回调函数(必填) delay: number类型.延迟的时间(非必填),如果…

Angular JS的正确打开姿势——简单实用（下）

前言絮叨絮叨继上篇内容,本篇继续讲一下这款优秀并且实用的前端插件AngularJS. 六. AngularJS中的HTTP 6.1先看看JQuery的Ajax写法 $ajax({ method : "get", url : ".....", success : function(){}, error : function(){} }); 6.2$HTTP写法 $http({ method : "get",/*请求的方法*/ url…

Angular JS ng-model对<select>标签无效的情况

使用场景一: <select ng-if="item.award_type==1" id="award{{$index+1}}" name="XXXXX[award{{$index+1}}]" ng-model="item.award"> <option ng-repeat="(key, value) in List track by $index" value="{{key}}…

在Node.js中在保持目录结构的情况下压缩指定目录

最近在做一个文件升级的功能,需要从下载服务器中指定目录下的文件.在学习了zlib后发现这个模块达不到这个功能在查找资料后发现后发现 archiver 模块很好用,不过我也发现大部分中文资料没有如果查询压缩进度,所以在此分享一下: archiver的github地址: https://github.com/archiverjs/node-archiver API文档地址: https://archiverjs.com/docs/ 压缩等级说明: var archive = archiver('z…

js求和运算在可变参数的情况下ES3、ES5和ES6的写法区别

//ES3.ES5的写法 function foo(){ var arr = Array.prototype.slice.call(arguments); var sum = 0; arr.forEach(function(item){ sum += item; }); return sum; } console.log(foo(1, 2, 3)); //6 //ES6的写法 function foo(...arr){ //arr就是可变参数列表 let sum = 0; arr.forEach…

JQ和JS获取span标签的内容(有的情况下JQ达不到预期的目的就用JS)

https://www.cnblogs.com/anniey/p/6439021.html <span id="content">‘我是span标签的内容’</span> javascript获取: 1 var cont=document.getElementById("content"); 2 console.log('innerText cont= '+ cont.innerText); 3 console.log('innerHtml…

JS在不改变原数组的情况下复制一个新的数组

var a={1,2,3,4} var data= JSON.parse(JSON.stringify(a[0])) a.push(data) a[4]=5 这样就不会改变原数组a的数据…

Angular.js 入门（一）

最近在学习angular.js,为此方便加深对angular.js前端框架的理解,因此写下这篇angular.js入门首先介绍下什么是angular.js? AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过指令扩展了 HTML,且通过表达式绑定数据到 HTML. 好处: AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易.…

angular.js的路由和模板在asp.net mvc 中的使用

angular.js的路由和模板在asp.net mvc 中的使用我们知道angular.js是基于mvc 的一款优秀js框架,它也有一套自己的路由机制,和asp.net mvc 路由不太一样.asp.net mvc 的路由是通过不同的URL到不同的controller然后交给controller去呈现视图.但是在angular.js则是需要提前指定一个module(ng-app),然后去定义路由规则,通过不同的URL,来告诉ng-app 去加载哪个页面.再渲染到ng-view.通过angul…

说说Angular中的$timeOut定时器

非常不幸的一点是,人们似乎常常将AngularJS中的$timeOut()函数看做是一个内置的.无须在意的函数.但是,如果你忘记了$timeOut()的回调函数将会造成非常不好的影响,你可能会因此遇到代码莫名其妙的出现问题,或者无端抛出一个错误甚至是一遍一遍的重复对的你的服务器进行$http请求这些诡异的情形.管理好你的$timeOut定时器的小技巧就是在$destory事件中将它们取消. 和javascript中原生的setTimeout()以及setInterval()函数不同,Angul…

Angular.js之服务与自定义服务学习笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>serviceAndDefinitService</title> </head> <body>  <div ng-app="myModule" ng-controller=&qu…

Angular.js之指令学习笔记

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>ng-showAndng-hide</title><script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script></head>…

Angular.js学习笔记（三）

一.过滤器 1.uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRING{{ "TANK is GOOD" | lowercase }} // 结果:tank is good2.date 格式化{{1490161945000 | date:"yyyy-MM-dd HH:mm:ss"}} // 2017-03-22 13:52:253.n…

angular.js的ui-router总结

ui-route 先有个网址,再在这个网址下写路由子路由的搭建我们的布局/模板文件 index.html 我们通过建立一个主文件来引入我们所需要的所有资源以开始我们的项目 ,这里我们使用 index.html 文件作为主文件现在,我们加载我们所需的资源(AngularJS, ngAnimate, Ui Router, 以及其他脚本和样式表)并且设定一个 ui-view用来告知 UI Router 我们的视图需要显示到哪里.这里我们使用 Bootstrap 来快速应用样式.…

Angular JS的正确打开姿势——简单实用（上）

前言絮叨絮叨在分享了JS和JQuery之后,今天再给大家分享一个好玩并且特别好用JS框架--AngularJS. 一. AngularJS简介 AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购,由Google维护,是一款优秀的前端JavaScript 框架. AngularJS 是一个以 JavaScript 编写的库,可以通过<script>标签添加到 HTML 页面. AngularJS 有着诸多特性,最为核心的是:MVC.…

JavaScript 的setTimeout 和Angular中的$timeout的區別

JavaScript中setTimeout返回值类型和意义说明: 1.setTimeout :暂停指定的毫秒数后执行指定的代码,返回值是id标识,这个id的意义就是通过clearTimeout来清理暂停执行函数. setTimeout函数的ID标识(number类型),每次调用setTimeout函数都会产生一个唯一的ID,可以通过clearTimeout函数(此函数的参数接收一个setTimeout返回的ID)暂停setTimeout函数还未执行的代码 <html> <head>…

angular.js 教程 -- 实例讲解

angular.js AngularJS [1] 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVC(Model–view–controller).模块化.自动化双向数据绑定.语义化标签.依赖注入等等. AngularJS 是一个 JavaScript框架.它是一个以 JavaScript 编写的库.它可通过 <script> 标签添加到HTML 页…

angular.js 中同步视图和模型数据双向绑定,$watch $digest $apply 机制

Angular.js 中的特性,双向绑定. 让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的? 这要归功于 scope 下面3个重要的方法: $watch $digest $apply 他们的区别是什么,我们来介绍下: $watch 这是一个监听 scope 上数据的监听器方法说明: $scope.$watch('参数',function(newValue,oldValue){ //逻辑处理 }) 上面我们就是创建了一个监听器. ‘参数’ 就是$scope对象下的一个对象…

Angular.js中处理页面闪烁的方法详解

Angular.js中处理页面闪烁的方法详解前言大家在使用{{}}绑定数据的时候,页面加载会出现满屏尽是{{xxx}}的情况.数据还没响应,但页面已经渲染了.这是因为浏览器和angularjs渲染页面都需要消耗一定的时间,这个间隔可能很小,甚至让人感觉不到,这种情况一切正常,但这个时间也可能很长,这时候用户可能会看到满屏尽是{{xxxx}}.这种情况被叫做“Flash Of Unrendered Content (FOUC)(K)?and is always unwanted.”. 问题为…

带你进入Angular js的大门

首先需要指出什么是angular js,其实说白了angular js就是Javascript的一个类库,我们使用这个类库可以很容易的创建web页面.双向绑定是angular js其中的一个重要特征,这也是相对于其他的Javascript的类库来说angular js中很重要的特征.双向绑定即是当你修改任何属性的值的时候,相关联的html元素也将改变,你并不需要额外的去修改. Angular js还为我们提供了MVVM(Model View ViewModel)的模型.MVVM的意思就是说Mod…

angular.js和vue.js中实现函数去抖（debounce）

问题描述搜索输入框中,只当用户停止输入后,才进行后续的操作,比如发起Http请求等. 学过电子电路的同学应该知道按键防抖.原理是一样的:就是说当调用动作n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间.本文将分别探讨在angular.js和vue.js中如何实现对用户输入的防抖. angular.js中解决方案把函数防抖Debounce写成一个service,方便多处调用: .factory('debounce', ['$timeout','$q', function…

MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是将 M 和 V 的实现代码分离,从而使同一个程序可以使用不同的表现形式. 交互方式(所有通信都是单向的): View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈更详细的说明: 模型(Mod…

angular.js:13920 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- testServe

angular.js:13920 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- testServe angularjs error 粗线这个错误是因为往Service里面注入了不该注入的东西,service provider在DI的时候找不到合适的provider完成DI. 典型的就是往里面注入$scope, 换成$rootScope就没问题. angular.module('myapp', [])…

(翻译)Angular.js为什么如此火呢？

在本文中让我们来逐步发掘angular为什么如此火: Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM,统归MDV(model Drive View))JavaScript框架,其是Google推出的SPA(single-page-application)应用框架,其为我们的web应用开发增加不少魔法变换. 我可以花整天的时间告诉你为什么你必须在新项目尝试angular.js,但是我觉得还是百说不如一练. 数据绑定和scopes(作用域) 首先…

angular.js写法不规范导致错误

以下写法:没有明确指定module和controller,写法不规范. 更改angular.js版本会出bug. <html ng-app> <head> <title>1.0.1-1.5版本间的差异</title> <script src="/js/angular-1.0.1.min.js"></script>  <!--<script src="/js…

Angular.js实现折叠按钮的经典指令.

var expanderModule=angular.module('expanderModule',[]) expanderModule.directive('expander',function(){ return{ restrict:'EA', replace:true, transclude:true, scope:{ title:'=expanderTitle' }, template:'<div>'+'<div class="title" ng-click…

Angular.js通过bootstrap实现经典的表单提交

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css"> <script src="http://apps.bdimg.com/libs/ang…

python , angular js 学习记录【1】

1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 1996; 96 M Month in year Month July; Jul; 07 w Week in year Number 27 W Week in month Number 2 D Day in year Number 189 d Day in month Number 10 F Day of…

Angular JS 学习之路由

1.AngularJS路由允许我们通过不同的URL访问不同的内容:通过AngularJS可以实现多视图的单页WEB访问(SPA) 2.通常我们的URL形式为http://runoob.com/first/page,但在单页Web应用中AngularJS通过#+标记实现,例如: http://runoob.com/#/first http://runoob.com/#/second http://runoob.com/#/third 3.当我们点击以上的任意的一个链接时,向服务端请的地址都是一样的…

【关于angular JS 中$timeOut 的一些不正常情况下的$destory】的更多相关文章