延迟angularjs观察执行$digest(提高DOM事件)
发布时间:2020-12-17 08:35:12 所属栏目:安全 来源:网络整理
导读:我有一个触发DOM事件的手表: scope.$watch(function() { return controller.selected; },function(selected) { if (selected) { $input.trigger('focus'); }}); 问题是,我有一个处理程序’focus’做范围。$ apply。 $input.bind('focus',function() { scop
我有一个触发DOM事件的手表:
scope.$watch(function() { return controller.selected; },function(selected) { if (selected) { $input.trigger('focus'); } }); 问题是,我有一个处理程序’focus’做范围。$ apply。 $input.bind('focus',function() { scope.$apply(function() { controller.focused = true; }); }); 所以当我的$ watch被从一个$ digest内部触发时,它会导致一个错误,因为它试图触发另一个$ digest。 我的解决方法是把触发器在$超时。 scope.$watch(function() { return controller.selected; },function(selected) { if (selected) { $timeout(function() { $input.trigger('focus'); }); } }); 这工作…到目前为止。这是正确的方法来处理这个吗?我不知道这是否捕获每个案例,并希望看看是否有一个角度批准的方式有一段代码延迟后的摘要。 谢谢!
$timeout通常是用来在摘要周期后(和浏览器渲染后)运行某些东西。
$ timeout将导致在执行函数之后执行另一个摘要周期。如果触发器不影响任何Angular,可以将invokeApply参数设置为false,以避免运行另一个摘要周期。 如果希望回调在浏览器渲染之前运行:如果代码使用$ evalAsync从指令排队,它应该在DOM被Angular操纵之后但在浏览器呈现之前运行。但是,如果代码使用$ evalAsync从控制器排队,它将在Ang被Angular操纵之前(在浏览器渲染之前)运行。参见http://stackoverflow.com/a/17303759/215945。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |