为什么Angular会在一个实例而不是另一个实例中自动调用setTimeout？
Angular会在一个实例而不是另一个实例中自动调用setTimeout的原因是因为Angular使用了变化检测机制来监测数据的变化并更新视图。在Angular中，每个组件都有一个变化检测器，它负责监测组件的属性是否发生了变化。
当一个组件的属性发生变化时，Angular会自动触发变化检测机制，并在下一个变化检测周期中更新视图。为了提高性能，Angular使用了一种称为"脏检查"的机制，它会在每个变化检测周期中遍历所有组件的属性，检查是否有变化。
setTimeout是JavaScript中的一个函数，它可以在指定的时间间隔后执行一段代码。在Angular中，当我们在一个组件中调用setTimeout时，这段代码会在下一个变化检测周期中执行。这是因为Angular希望在变化检测周期中执行所有的变化检测操作，以确保视图的一致性。
另一方面，如果我们在另一个实例中调用setTimeout，这段代码不会在下一个变化检测周期中执行。这是因为Angular只会在当前组件所属的变化检测周期中执行变化检测操作。如果我们希望在另一个实例中调用setTimeout并触发变化检测，我们可以手动调用Angular的变化检测机制，例如使用ChangeDetectorRef的detectChanges方法。
总结起来，Angular会在一个实例而不是另一个实例中自动调用setTimeout是因为Angular使用了变化检测机制来监测数据的变化并更新视图，而setTimeout中的代码会在下一个变化检测周期中执行。
相关·内容
3回答
我一直在研究AngularJS摘要周期的注意事项，我希望更好地理解正确使用它和不当使用它之间的分离。
例如，如果我有一个如下所示的AngularJS代码：
var myApp = angular.module("testApp", []);
myApp.controller("testController", ["$scope", "$timeout", function($scope, $timeout){
setTimeout(function(){
$scope.username = "Te
浏览 2提问于2016-02-15得票数 1
回答已采纳
为什么在3秒后函数会被重复调用？
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
alert("hello");
setTimeout(myFunction(),3000);
// setTimeout(function(){ alert("Hello") }, 3000);
}
</script>
浏览 1提问于2013-04-17得票数 0
有人能解释为什么会发生这种事吗。我在JS中创建了一个函数，并试图在60秒后使用setTimeout函数调用它。但是它会在页面加载后立即运行。为什么会发生这种情况，而setTimeout并没有延迟函数代码？下面是密码。
<script>
function first()
{
document.getElementById('addProductText').style.color="#32A067";
}
setTimeout(first(),60000);
</script>
浏览 0提问于2020-04-09得票数 1
回答已采纳
这段代码可以工作，但我的问题是我不理解var that = this的目的。为什么我需要像这样引用它才能将它传递给setInterval。我在上读到了“这”，但它并没有真正回答我的问题
我的JavaScript代码
function spinClass(imageSource, height, width, forward, el){
this.src = imageSource;
this.spinFoward = forward;
this.element = document.getElementById(el);
this.height = height;
this.width =
浏览 2提问于2013-09-19得票数 2
回答已采纳
1回答
我正在开发一个只使用Angular作为用户界面的游戏。游戏代码有一个每秒运行一次的循环。为了保持UI同步，我直接从Angular外部调用$digest。
//from angular code
angular
.module('app')
.factory('acp', acp);
acp.$inject = ['$rootScope', '$window'];
function acp($rootScope, $window){
var service = $window.ACP = {
浏览 1提问于2016-07-20得票数 0
1回答
我们有一个应用程序，使用THREE.js渲染身体网格的三维图像。我们有一个名为MeshViewer的对象，它封装了呈现功能；在初始化方法期间，我们设置
this.renderer = new THREE.WebGLRenderer({ antialias: true, preserveDrawingBuffer: true })
我们编写了一个脚本来测试this.renderer没有被释放。
<script>
var count = 0;
function loop () {
if (count >= 25) {
re
浏览 6提问于2014-01-05得票数 5
这可能是一个完全新的question...apologies，但我无法理解它。
在许多angular文档/示例中，我看到了包装在“timeout”块中的异步函数。许多都包装在setTimeout()中，并且需要显式使用
if (!$scope.$$phase) {
$scope.$apply();
}
考虑到angular提供了$timeout，上面的代码似乎已经过时或错误了，在angular中使用$timeout应该始终是首选的。然而，我离题了。
下面是一些示例代码的片段，摘自：
var myModule = angular.module('myModule', []
浏览 1提问于2014-03-28得票数 5
我有一个自定义指令，它将属性添加到链接函数旁边的作用域，然后向其添加一个手表。如果我从控制器中更改了scope属性的值，手表就会着火。如果我在指令中更改相同的值，它就不会被解雇。
下面是一个例子：
参见指令中的setTimeout，此更改不会产生任何影响。
p.s:这只是一个我没有使用setTimeout的模拟，但它的工作方式是一样的。
var app = angular.module('app', []);
app.controller('myCtrl', function($scope) {
$scope.changeProp = function()
浏览 1提问于2014-07-01得票数 0
回答已采纳
我有以下代码：
script.js：
var app = angular.module('TestApp',[]);
app.factory('testfactory', function($rootScope, $window){
var factory = {};
factory.auth = function() {
//This is only to make call to auth() async.
//Actual code is using google-api call.
setTimeout(auth, 20
浏览 6提问于2014-07-20得票数 0
回答已采纳
我在研究安古拉杰1.4。当插入新数据时，我试图拥有一些前端缓存集合来更新视图。我在这里检查了其他的答案，，但我相信我没有覆盖数组，这意味着引用是相同的。
代码非常简单：
(function(){
var appCtrl = function($scope, $timeout, SessionSvc){
$scope.sessions = {};
$scope.sessions.list = SessionSvc._cache;
// Simulate putting data asynchronously
setTimeout(function(){
浏览 2提问于2016-06-06得票数 1
回答已采纳
2回答
从未有过的广播
、、
我有两个注射器，事件从一个范围一直到另一个范围，尽管它们应该是相同的范围.
angular.injector(['ng']).invoke(['$rootScope', function($root) {
alert('will try to be usefull');
$root.$on('bevent123', function() {
alert('useful bevent123 never happens');
});
}]);
angular.injector([
浏览 2提问于2015-04-29得票数 1
回答已采纳
我有一个使用OnPush变更检测的组件。
在这个组件中，我有一个FormArray (在FormGroup中)。
我有两个按钮，在FormArray中添加(push)或删除(removeAt) FormGroup。
我希望由于OnPush更改检测，更改是不可见的(根FormGroup引用中没有更改)
但是，该组件可以完美地检测到这些变化。
我发现了一个类似的示例()，其中changeDetection手动调用，但当我删除这部分代码时，它仍然工作正常。
我检查了，我猜测updateValueAndValidity函数调用正在执行更改检测，这个也确认了这一点。
那么，有人能解释一下它是如何工作的吗
浏览 20提问于2020-09-09得票数 1
这将在一个javascript函数中；使用onclick事件处理程序或其他什么。然后单击它会淡出任何id for框使用document.getElementsById()对象，那么为什么它不会淡出呢？就像我看到了相当多的效果吗？还要注意的是，我试图在不使用jquery或任何插件的情况下做到这一点，因为我正在努力学习和掌握javascript。
setTimeout(function() {
for(var i = 1; i< 9; i++) {
setTimeout(function() {
box.style.opacit
浏览 0提问于2011-05-09得票数 0
回答已采纳
3回答
我想要一个函数来查找带有“注释”类的元素，如果注释的数量发生了变化(如果有一个新的注释)，它将调用另一个函数。所以我就是这么做的：
function main(num0){
var comments = document.getElementsByClassName("comment");
var num = comments.length;
if (num!=num0){
//function to call();
console.log("New Comment");
}
setTime
浏览 2提问于2020-05-01得票数 0
回答已采纳
我不熟悉角度，所以如果我做这些步骤中的任何一个都是错误的，请把我纠正一下。
我试图让夹子在我的网站的左和右在最初的页面加载动画。这是在生产中：
如您所见，它目前正在工作(yay)。然而，我对我正在使用的黑客并不满意。以下是相关代码：
在我的控制器中，我正在监听$routeChangeStart，如果这是我第一次调用：
setTimeout(function() {
angular.element(document.querySelector('.robotarmleft')).addClass('animate-in');
angular.ele
浏览 2提问于2015-05-07得票数 3
回答已采纳
我正在试着写一个脚本来每秒更新一个iframe。这就是我目前所拥有的，出于某种原因，它加载了一段时间，然后显示数字14541 +/- 50左右。“某物”和“其它物”这两个词也从不出现在屏幕上。
它在14541停止是因为浏览器内置的防止无限循环的保护措施吗？为什么计时器不能正常工作？
var c = 0;
var t;
timer();
document.write("something");
function timer(){
if(t) { window.clearTimeout(t) }
update_preview();
c++;
t=se
浏览 0提问于2012-02-25得票数 0
回答已采纳
1回答
在HeadDirective.prototype.link中的以下代码中，this等于全局window对象，而不是HeadDirective实例。我的理解是，原型函数中的this值是包含对象本身。
var HeadDirective = (function () {
function HeadDirective($rootScope, $compile) {
this.$rootScope = $rootScope;
this.$compile = $compile;
this.restrict = 'E';
}
浏览 0提问于2014-03-11得票数 4
回答已采纳
我使用的是Angular 7.1.4和"rete": "^1.4.4"。如果我在组件内部使用editor，它会呈现ok，但是如果将editor作为子组件传递给另一个带有ng-content的组件，它不会在editor内呈现节点，直到窗口被调整大小。作为一种变通方法，我尝试在ngOnInit中触发窗口大小调整： setTimeout(() => {
window.dispatchEvent(new Event('resize'));
}); ，它呈现节点，但不呈现连接线。 ?
浏览 117提问于2021-01-30得票数 0
1回答
有些事情正在发生，我不知道为什么会发生。我有以下3个函数：
app.progress();
app.success();
app.normal();
这三个都会在我的应用程序中更改一个状态块。在我的另一个函数中有这个$.post，比方说：
app.set : function() {
...
}
在我的set函数中，我想像这样更新状态块：
app.set : function() {
app.progress();
$.post('ajax.php', function(){
// do stuffs
}).done({functio
浏览 0提问于2013-05-01得票数 0
回答已采纳
我有一个简单的油门搜索字段，以确保不是每一个按键是作为一个查询，它等待300毫秒后按键才提交。如果在300 is启动之前检测到另一个按键，则时钟重置。
我在Vue中安装了它，如下所示：
<input v-model="search_string" placeholder="Search..." type="text" @keyup="searchThrottle();">
runSearch (type) {
do something....
}
searchThrottle () {
if (wi
浏览 1提问于2018-08-08得票数 1
回答已采纳
我有一个关于使用ng-class来改变DOM类的问题。除了“两次闪烁”按钮以外，大多数按钮都可以正常工作。我已经调用了$scope.$digest，但是我看不到对setTimeout 500ms的影响。为什么？
如有任何帮助，我们不胜感激！
HTML代码
<html>
<title>
Angular Blink Test
</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js&#
浏览 0提问于2016-04-01得票数 0
我看到了一个关于正确使用setInterval()函数的答案。据说
(function(){
// do some stuff
setTimeout(arguments.callee, 60000);
})();
保证下一次来自setTimeout的调用不会在上一次结束之前进行。为什么使用自调用函数会导致这种情况发生呢？
浏览 1提问于2015-10-14得票数 2
回答已采纳
在angular.js中，$scope.greeting = xxx在window.setTimeout中不工作。它没有任何效果：
var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', function ($scope) {
$scope.greeting = 'init';
window.setTimeout(function () {
console.log('update greeting');
浏览 7提问于2014-08-21得票数 6
回答已采纳
我想使用TypeScript创建一个简单的Angular2应用程序。看起来很简单，但我不能实现我想要的。
我想在模板中显示属性值。我想在1秒后使用setTimeout更新相同的内容。
Plunkr代码在这里：
我写的是：
import {Component} from 'angular2/core';
interface Hero {
id: number;
name: string;
}
@Component({
selector: 'my-app',
template:`<h1>Number Increment</h1&
浏览 9提问于2015-12-30得票数 38
回答已采纳
// javascript
var a = angular.module('minimalReproApp', [
])
a.controller('MainCtrl', function($scope) {
$scope.fileData = {}
$scope.fileData.xmlData = "ControllerScope";
}).directive('dropzone', function() {
return {
restrict:
浏览 3提问于2014-10-22得票数 1
回答已采纳
我正在尝试更新h1元素中的时钟时间。我试图通过设置间隔来调用一个函数来更新时间，但是我无法调用。我找到了apply的解决方案。
但我想了解这背后的逻辑。任何解释我为什么不能调用和为什么我们应该使用应用方法..？
这是我的工作：
angular.module('Book', [])
.controller('MyController', function ($scope) {
var updateClock = function() {
$scope.clock = new Date();
};
setInterval(
浏览 12提问于2015-04-01得票数 1
回答已采纳
1回答
我已经将一个普通的js倒计时实现为一个react组件，如下所示：
import React, { Component } from 'react';
class CustomCountDown extends Component {
constructor(props) {
super(props);
this.endTime;
this.msLeft;
this.time;
this.hours;
this.mins;
this.element;
浏览 5提问于2017-08-25得票数 1
回答已采纳
我正在尝试在一个角2应用程序中实现一个自定义ExceptionHandler，该应用程序向自定义AlertsService提交未明的错误。目标是允许主App组件订阅AlertsService提供的警报，以便它能够在UI中显示错误。
我看到的问题是，在遇到另一个错误之前，自定义AlertsService提交给ExceptionHandler的错误不会反映在UI中。这导致UI始终是AlertsService实际提供的内容后面的一个警报。
我的猜测是，这种行为与变更检测和ExceptionHandler的特殊情况有关，但我不知道从哪里出发。期待Angular2专家的帮助！
下面的示例代码，点击
im
浏览 2提问于2016-06-13得票数 6
回答已采纳
为什么下面的代码不使用新元素每秒更新list-group？
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src=&#
浏览 2提问于2017-02-18得票数 1
我最近实现了一个旋转器，它显示http请求发生的时间，有时即使所有的请求都完成了，它也会继续显示。当发生这种情况时，UI被完全阻塞，因为我们的微调器UI显示在整个页面上。当我刷新时，微调器很快就会显示和消失(可能是因为缓存的请求)。
不管怎样，下面是我的代码：
import { Router } from '@angular/router';
import { Injectable, ApplicationRef } from '@angular/core';
import { HttpEvent, HttpInterceptor, HttpHandler,
浏览 0提问于2018-10-15得票数 0
有人知道为什么这段代码(从Subject初始化值)不起作用吗？有缺陷吗?还是故意的？我做错了什么？
ts
import { Component, OnInit } from '@angular/core';
import { Subject } from "rxjs";
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.styl']
})
export
浏览 3提问于2017-01-15得票数 18
我知道有一个相关的问题：
但我想知道这是否也适用于数据成员？
假设我有一个类：
class A
{
protected:
static int NUMBER;
private:
static int OTHERNUMBER;
};
class B : public A
{
};
除了NUMBER的A，B还会有另一个实例吗？
除了OTHERNUMBER的A，B还会有另一个实例吗？
浏览 0提问于2012-02-28得票数 1
回答已采纳
真的不知道为什么这不管用。我一定是在做一些不可思议的蠢事。
这里有一个控制器：
angular.module('nightlifeApp')
.controller('TestCtrl', function($scope) {
$scope.testvar = 'before';
setTimeout(function() {
$scope.testvar = 'after';
}, 2000);
});
下面是作为控制器的视图：
h1(ng-
浏览 3提问于2015-07-23得票数 0
回答已采纳
我正在尝试在我的Angular 5组件中创建一个图像滑块。滑块有前一个和下一个控件，这两个控件都工作得很好，但我不能让它自动滑动。
<!-- language: lang-typescript -->
import { Component, OnInit, ElementRef, Renderer2 } from '@angular/core';
@Component({...})
export class HomeComponent implements OnInit {
private slides;
private dots;
private s
浏览 11提问于2018-03-02得票数 1
2回答
我写了一家角质工厂。我犯了一个严重的错误。我徘徊着去修理它。最后我解决了这个问题..。毫无理由。因此，我需要清楚地描述下面的代码问题。
这是我的代码A：
angular
.module('BinD', ['ngSails'])
.factory('UserService', function ($sails) {
...
});
另一个B是：
(function (angular) {
'use strict';
angular
.module('B
浏览 1提问于2015-07-12得票数 5
回答已采纳
我正在为Ionic 4.7.0和角5.0.3创建一个动态表单模块。该模块创建一个DynamicFormComponent，但在内部也使用DynamicFormService。此服务不需要在模块之外可用。该服务依赖于Ionic ModalController注册模式弹出窗口。此依赖关系导致以下错误：
Can't resolve all parameters for DynamicFormComponent(?, [object Object])。
如果我从服务中删除ModalController依赖项，错误就会消失，但是我需要ModalController在模块的不同组件中创建弹出窗口。
浏览 2提问于2018-05-28得票数 1
回答已采纳
我有一个简单的angular2应用程序。该应用程序只有一个带有ChangeDetectionStrategy.OnPush的组件。问题是组件从不刷新它的视图。如何使组件在数据数组更新后自动刷新？下面是代码。我使用的是Angular 2.0.0-rc.4。
index.html
<head>
<title>Angular 2 QuickStart</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-widt
浏览 0提问于2016-07-22得票数 0
3回答
我在Angular2项目中使用了Angular2()。我得到了
TypeError: Cannot read property 'unshift' of undefined.
打字本是JavaScript的超集。为什么array.unshift()不被识别？
如何将新项添加到带有类型记录的数组的开头？
浏览 5提问于2016-05-27得票数 1
回答已采纳
我正在用c3生成图表。我正在访问c3图表中的Rest以加载JSON数据。我参考了这个示例，我尝试使用load函数动态加载图表，这给了我
运行时错误this.chart.load不是一个函数
private chart: any;
this.chart = c3.generate({
data: {
url: '/api/systemvalues',
type: 'line'
}
});
setTimeout(function () {
this.chart.load({
url: &
浏览 3提问于2017-05-19得票数 0
我希望在我的Angular2应用程序中有自定义错误。因此，我在组件中扩展了ErrorHandler：
import { Component, ErrorHandler, OnInit } from '@angular/core';
import { GenericError } from './generic-error.component';
@Component({
selector: 'custom-error-handler',
templateUrl: 'app/error-handler/custom-err
浏览 2提问于2017-04-10得票数 0
@interface{
NSArray *array;
}
@property (nonatomic, retain) NSArray *array;
@end
@implementation
@synthesize array;
self.array = [[NSArray alloc] init];
array = [[NSArray alloc] init];
[self.array objectAtIndex:2]; [array objectAtIndex:2];
@end
它们之间有区别吗？为什么我要使用一个而不是另一个呢？
浏览 0提问于2010-09-19得票数 0
回答已采纳
为什么我的段落在延迟后没有显示第三个数组元素？我是否应该使用clearTimeout()
document.getElementById("helloText").innerHTML = combined[0];
setTimeout(function(){ document.getElementById("helloText").innerHTML = combined[1]; }, 1000);
setTimeout(function(){ document.getElementById("helloText").innerHTML =
浏览 25提问于2018-06-14得票数 0
2回答
我问这个问题，是因为我不明白我所寻找的问题的解释，所以这个问题可能是很常见的。我使用另一个人的代码来尝试学习它是如何工作的，以便复制它。在一个可注射的方法中，最初的作者返回一个承诺，我试图从注入它的方法中得到承诺的“内部”。
我发布代码:这是作者的代码
getLists(){
return this.isReady()
.then(()=>{
return this.database.executeSql("SELECT * from list", [])
.then((data)=>{
let lists
浏览 1提问于2018-05-08得票数 0
回答已采纳
我仍然是Angular的新手，我发现form和setTimeout有一些非常奇怪的东西……当我试图在OnInit上的setTimeout中获取TD的表单控件时，它可以工作，但在setTimeout函数之外却不能。setTimeout的超时设置为0毫秒。您知道是什么导致了这种行为吗？我不想把它包装在setTimeout函数中...
模板：
<form #f="ngForm">
<div class="form-group">
<label for="email">Email address:</
浏览 0提问于2018-02-26得票数 1
2回答
无法读取未定义的角2误差的性质
、、、、
嗨，我正试图从google中获得城市名称，但是下面的错误是我的代码。
appcomponent类
import {Component, OnInit} from 'angular2/core';
import {marketComponent} from './market.component';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {introComponent} from './intro.compone
浏览 6提问于2016-03-31得票数 0
回答已采纳
1回答
不等待的级联无限循环超时
、、、
我正在使用casperjs，我试图获取一个使用websockets改变其值的网站的内容。为了完成这个任务，我不想为每个值添加一个事件侦听器，我只想每10秒爬一次整个网站。
我有以下代码：
casper.waitForResource("http://website.com",function() {
getPrices(casper);
});
在getPrices内部，我可以废弃这些值，最后我有以下几行：
setTimeout(getPrices(casper),5000);
问题是，我不知道为什么卡斯珀忽视超时。它只是叫它不睡觉。另一方面，我不认为这是最好的解决方案，因为
浏览 0提问于2016-07-17得票数 1
回答已采纳
我有几个关于结束的问题。对不起，如果这似乎只是另一个封闭的问题，有大量的帖子和文章，我读了这么多，但我仍然有问题，无法找到答案。
var message = 'Hello!';
document.getElementById('foo').onclick = function(){alert(message)};
message = 'Goodbye!';
在这里，“再见”将被提醒，解释是：“闭包不仅传递变量的值，甚至传递对变量的引用。闭包捕获变量本身！”
请有人向我解释一下“捕获变量本身”的意思，这是什么意思？
功能还是
浏览 2提问于2020-01-04得票数 1
3回答
我是Angular的新手，我尝试了一些在ngOnInit()之前触发属性集的代码。
export class App implements OnInit{
isTriggered = false;
constructor(){
...
}
ngOnInit(){
this.isTriggered = true;
}
}
我不确定这是如何工作的，但是在调试器移到this.isTriggered = true;之前，会先触发isTriggered = false;
有人能解释一下为什么会发生这种情况吗?从ngOnInit()触发this.isTriggere
浏览 3提问于2019-07-26得票数 0
如果没有将函数绑定到javascript中的实例，getName()如何返回john
function Person() {
this.name = "john";
this.getName = function() {
return this.name;
};
}
var me = new Person();
setTimeout(function(){alert(me.getName())}, 3000);
我认为this会引用来自setTimeout的调用点的窗口。
请参阅jsFiddle：
浏览 2提问于2012-01-20得票数 1
回答已采纳
我有以下代码片段：
pos:number;
getPosition() {
navigator.geolocation.getCurrentPosition((position) => {
this.pos = position.coords.latitude;
当我调试时，我在this.pos上得不到定义，在position.coords.latitude上得到一些数字
但是当我有以下代码片段时：
pos:any;
getPosition() {
navigator.geolocation.getCurrentPosition((position)
浏览 1提问于2016-05-17得票数 5
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
