加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

延迟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。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读