javascript - $scope.$watch 没有捕捉到指令修改的值

Question

我的指令将焦点放在我的跨度上，并在我按下shifttab时分配布尔值，即 focusToSpan 为 true ，但是，此更改不会反映在我的控制器和模板中。我什至用 $scope.$watch 对 focusToSpan 变量进行了检查，如下所示

指示

(function() {
    'use strict';
    angular.module("my.page").directive('getFocusToSpan', function() {
        return {
            link: function(scope, elem, attr, ctrl) {
                elem.bind("keydown keypress", function(event) {
                    if (event.which === 16) {
                        $('.iconclass').attr("tabIndex", -1).focus();
                        scope.focusToSpan = true;
                    }
                });
            }
        };

    });

})();

控制器

     $scope.$watch('focusToSpan', function(newValue) {
     if (angular.isDefined(newValue)) {

     alert(newValue);
     }
     });

没有被调用。我是否知道对指令中的控制器变量所做的更改将如何反映在控制器和模板中。谢谢，巴拉吉。

Answer 1

在角度上下文之外，您可以操作未更新的范围/绑定。要更新绑定，您需要运行摘要循环来更新所有范围级别的绑定。

在您的情况下，您正在scope从自定义事件更新角度变量，因此您需要通过$apply()在范围上执行方法手动运行摘要循环

代码

elem.bind("keydown keypress", function(event) {
    if (event.which === 16) {
       $('.iconclass').attr("tabIndex", -1).focus();
       scope.focusToSpan = true;
       scope.$apply();
    }
});