延迟angularjs观察执行$digest(提高DOM事件)

我有一个触发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

http://stackoverflow.com/questions/16066239/defer-angularjs-watch-execution-after-digest-raising-dom-event

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:延迟angularjs观察执行$digest(提高DOM事件)