TOGOUTECH

javascript - clearinterval 在 ngOnDestroy() 内部不起作用

coder 2024-05-16 原文

我的 ngOndestroy 正在调用其他路由导航,但它没有在方法内部执行 clearInterval。我哪里做错了?当我在其他组件中时,它在后台运行。

timer:any;

ngOnInit() {
  this.timer= this.interval();
};

 ngOnDestroy(){
    clearInterval(this.timer);
   console.log("Inside Destroy");


 }

interval(){
  setInterval(()=>{
    this.getData();
  },20000)
}
 getData(){
   this.dataservice.getdata()
      .subscribe(users=>{
      this.datas=users;
      console.log(this.datas);
    })
 }

最佳答案

您忘记返回区间的实例。

interval(){
  return setInterval(()=>{
    this.getData();
  },20000)
}

关于javascript - clearinterval 在 ngOnDestroy() 内部不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47951254/

有关javascript - clearinterval 在 ngOnDestroy() 内部不起作用的更多相关文章

  1. javascript - 如何将 jquery 事件重新绑定(bind)到通过 ajax 加载的内容,而无需为每个事件/类执行此操作 - 2

    所以我在其中绑定(bind)了这个jquery-App:我所有“.btn-delete”元素的“删除功能”我所有“.btn-add”元素的“添加功能”等等。在我的webapp的一个div中,我异步加载内容,包括我想将“删除”和“添加”功能绑定(bind)到的元素。这些元素也有一个“btn-delete”或“btn-add”类-但由于内容是异步加载的,因此事件不会绑定(bind)到它们而不做任何事情。所以我听说使用可以在异步加载内容后立即触发的.on('click'...)函数,我可以重新绑定(bind)这些函数。但是我必须为我想使用的每个功能都这样做。我不想要。我想要的是有一个通用函数

  2. javascript - 添加文件 ://. 权限到 chrome 扩展 - 2

    如何使用chrome扩展程序启用file:///的权限。在我的manifest.json中,我尝试过:"permissions":["file:///*"]和"permissions":["file://*"]还有"permissions":["*:///C"]这些都不起作用。 最佳答案 "permissions":["file://*/*"]除非从您的本地磁盘加载扩展,否则默认情况下将禁用文件访问。用户必

  3. javascript - 根据屏幕尺寸执行功能 - 2

    我需要根据屏幕尺寸和屏幕尺寸变化执行特定功能(响应式)假设我有3个函数(例如)functionred(){$('div').css('background','#B60C0C').text('ScreenSizeRED');console.log('RED');}functionorange(){$('div').css('background','#EBAE10').text('ScreenSizeORANGE');console.log(&

  4. 多个元素上的 JavaScript onChange() - 2

    是否可以将相同的onChange()分配给多个元素(无jQuery)目前我在做varnamefirst=document.getElementsByName("attribute.IdentifierSource")[0];namefirst.onchange=function(){//disablesomestuff}但是,我必须对另外5个元素执行此onChange(),所以我想知道是否可以同时对所有元素执行此操作?或者我是否必须为每个元素执行此操作。(我对Javascript很陌生) 最佳答案 如果你想一次绑定(

  5. javascript - 在 AngularJS 中加载时隐藏模板 - 2

    从服务器加载数据时隐藏模板的更好解决方案是什么?我的解决方案是使用$scope使用bool变量isLoading并使用指令ng-hide,例如:<divng-hide='isLoading'></div>angular还有别的办法吗? 最佳答案 您可以尝试使用ngCloak指令。检查此链接http://docs.angularjs.org/api/ng.directive:ngCloak 关于javascript-在AngularJS中加载时隐藏模

  6. javascript - 通过 Web API 或 libspotify 获取 Spotify 播放历史 - 2

    有没有办法使用他们的js或CAPI获取我的Spotify播放历史记录?我看到了几个例子,但那是使用他们过时的API版本。 最佳答案 无法通过任何API获得Spotify播放历史记录。免责声明:我是Spotify的员工。 关于javascript-通过WebAPI或libspotify获取Spotify播放历史,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/18838743/

  7. javascript - 如何使用 JQuery 或 Javascript 添加只读属性(但遵循 W3C 标准!) - 2

    以下代码添加和删除属性readonly作品(来自here):$('#someid').prop('readonly',true);$('#someid').removeProp('readonly');但是W3C标准建议使用没有值的只读属性(来自here):我们应该使用:<inputtype="text"readonly/>改为:<inputtype="text"readonly="trueorreadonlyoranything"/>作为$('

  8. javascript - 使用低破折号/下划线从 _.pluck 获取对象 - 2

    我有一个结构如下的对象:varmy_object={first_item:{important_number:4},second_item:{important_number:6},}但是,我想要一个结构如下的对象:{first_item:4,second_item:6,}我本来希望能够用_.pluck得到这个结果:_.pluck(my_object,"important_number")但这给了我:[0:4,1:6]很好,但我需要对象的实际名称。我摆弄了一下,最后得到了这个:_.reduce(my_object,function(memo,val,key){memo[

  9. javascript - 删除数组中以特定字符串开头的所有项目 - 2

    你好,假设我在javascript中有一个这样的数组:vararr=["ftp_text_1","abc_text_2","ftp_text_3"];如何从我的数组中删除所有以ftp_开头的字符串谢谢 最佳答案 只需使用Array.filter:arr=arr.filter(function(item){returnitem.indexOf("ftp_")!==0;});编辑:对于IE9-支持你可以使用jQuery.grep:arr=$.grep(arr,functio

  10. javascript - Netscape 企业服务器和服务器端 JavaScript (SSJS) 与 Node.js - 2

    服务器端JavaScript(SSJS)的NetscapeEnterpriseServer实现与node.js实现之间的主要区别是什么?为什么Netscape的实现没有受到关注,而node.js似乎更受欢迎? 最佳答案 早在1999/2000年,我曾在一家使用NetscapeServer和SSJS的公司工作。我不知道它当时有多流行,但根据第一手经验,我可以告诉你,几乎所有关于它的东西都很糟糕:这是一个巨大的调试过程(对源文件的任何更改,甚至是静态文件,都需要完全重新加载应用程序,这不是一个快速的操作)一个简单的错误(例如未捕获的异常

随机推荐

  1. javascript - 如何将 jquery 事件重新绑定(bind)到通过 ajax 加载的内容,而无需为每个事件/类执行此操作 - 2

    所以我在其中绑定(bind)了这个jquery-App:我所有“.btn-delete”元素的“删除功能”我所有“.btn-add”元素的“添加功能”等等。在我的webapp的一个div中,我异步加载内容,包括我想将“删除”和“添加”功能绑定(bind)到的元素。这些元素也有一个“btn-delete”或“btn-add”类-但由于内容是异步加载的,因此事件不会绑定(bind)到它们而不做任何事情。所以我听说使用可以在异步加载内容后立即触发的.on('click'...)函数,我可以重新绑定(bind)这些函数。但是我必须为我想使用的每个功能都这样做。我不想要。我想要的是有一个通用函数

  2. javascript - 添加文件 ://. 权限到 chrome 扩展 - 2

    如何使用chrome扩展程序启用file:///的权限。在我的manifest.json中,我尝试过:"permissions":["file:///*"]和"permissions":["file://*"]还有"permissions":["*:///C"]这些都不起作用。 最佳答案 "permissions":["file://*/*"]除非从您的本地磁盘加载扩展,否则默认情况下将禁用文件访问。用户必

  3. javascript - 根据屏幕尺寸执行功能 - 2

    我需要根据屏幕尺寸和屏幕尺寸变化执行特定功能(响应式)假设我有3个函数(例如)functionred(){$('div').css('background','#B60C0C').text('ScreenSizeRED');console.log('RED');}functionorange(){$('div').css('background','#EBAE10').text('ScreenSizeORANGE');console.log(&

  4. 多个元素上的 JavaScript onChange() - 2

    是否可以将相同的onChange()分配给多个元素(无jQuery)目前我在做varnamefirst=document.getElementsByName("attribute.IdentifierSource")[0];namefirst.onchange=function(){//disablesomestuff}但是,我必须对另外5个元素执行此onChange(),所以我想知道是否可以同时对所有元素执行此操作?或者我是否必须为每个元素执行此操作。(我对Javascript很陌生) 最佳答案 如果你想一次绑定(

  5. javascript - 在 AngularJS 中加载时隐藏模板 - 2

    从服务器加载数据时隐藏模板的更好解决方案是什么?我的解决方案是使用$scope使用bool变量isLoading并使用指令ng-hide,例如:<divng-hide='isLoading'></div>angular还有别的办法吗? 最佳答案 您可以尝试使用ngCloak指令。检查此链接http://docs.angularjs.org/api/ng.directive:ngCloak 关于javascript-在AngularJS中加载时隐藏模

  6. javascript - 通过 Web API 或 libspotify 获取 Spotify 播放历史 - 2

    有没有办法使用他们的js或CAPI获取我的Spotify播放历史记录?我看到了几个例子,但那是使用他们过时的API版本。 最佳答案 无法通过任何API获得Spotify播放历史记录。免责声明:我是Spotify的员工。 关于javascript-通过WebAPI或libspotify获取Spotify播放历史,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/18838743/

  7. javascript - 如何使用 JQuery 或 Javascript 添加只读属性(但遵循 W3C 标准!) - 2

    以下代码添加和删除属性readonly作品(来自here):$('#someid').prop('readonly',true);$('#someid').removeProp('readonly');但是W3C标准建议使用没有值的只读属性(来自here):我们应该使用:<inputtype="text"readonly/>改为:<inputtype="text"readonly="trueorreadonlyoranything"/>作为$('

  8. javascript - 使用低破折号/下划线从 _.pluck 获取对象 - 2

    我有一个结构如下的对象:varmy_object={first_item:{important_number:4},second_item:{important_number:6},}但是,我想要一个结构如下的对象:{first_item:4,second_item:6,}我本来希望能够用_.pluck得到这个结果:_.pluck(my_object,"important_number")但这给了我:[0:4,1:6]很好,但我需要对象的实际名称。我摆弄了一下,最后得到了这个:_.reduce(my_object,function(memo,val,key){memo[

  9. javascript - 删除数组中以特定字符串开头的所有项目 - 2

    你好,假设我在javascript中有一个这样的数组:vararr=["ftp_text_1","abc_text_2","ftp_text_3"];如何从我的数组中删除所有以ftp_开头的字符串谢谢 最佳答案 只需使用Array.filter:arr=arr.filter(function(item){returnitem.indexOf("ftp_")!==0;});编辑:对于IE9-支持你可以使用jQuery.grep:arr=$.grep(arr,functio

  10. javascript - Netscape 企业服务器和服务器端 JavaScript (SSJS) 与 Node.js - 2

    服务器端JavaScript(SSJS)的NetscapeEnterpriseServer实现与node.js实现之间的主要区别是什么?为什么Netscape的实现没有受到关注,而node.js似乎更受欢迎? 最佳答案 早在1999/2000年,我曾在一家使用NetscapeServer和SSJS的公司工作。我不知道它当时有多流行,但根据第一手经验,我可以告诉你,几乎所有关于它的东西都很糟糕:这是一个巨大的调试过程(对源文件的任何更改,甚至是静态文件,都需要完全重新加载应用程序,这不是一个快速的操作)一个简单的错误(例如未捕获的异常