隔离范围指令对更改没有反应：angularjs

Question

我已经创建了一个指令

adocsModule.directive('modalFooter', function (globalService) {
    return {
        restrict: 'AE',
        replace: true,
        scope: {
            'onSave': '&',
            'onClose': '&',
            'loading': '='
        },
        template: '<div class="modal-footer">' +
                 ' <div class="pull-right">' +
                 '<button type="submit" ui-ladda="loading" class="button-save ladda-button" ng-click="onSave()" data-style="expand-right">' +
                 '<span class="ladda-label">{{saveText}}</span>' +
                 '</button>' +
                 ' <button class="button-cancel" ng-click="onClose()">{{cancelText}}</button>' +
                 ' </div> </div>',
        link: function (scope, element, attrs, ctrl) {

            scope.saveText = attrs.savetext;
            scope.cancelText = attrs.canceltext;
        }
    };
});

使用这个

<modal-footer loading="administrator.loading" on-save="administrator.save()" on-close="administrator.cancel()"></modal-footer>

当我按下保存时在我的控制器中。 administrator.loading = true 它显示加载图标但在回调时我执行 administrator.loading = false 它不会停止加载图标。这意味着它不会对变化做出反应

我尝试使用 scope.$watch 和 attrs.$observe 但问题在于它在开始时开始显示加载图标并且它没有回到手表中：S

Module.controller('AdminstratorController', ['$scope', function ($scope) {
administrator.save = function () {                   
                        administrator.loading = true;
                        var callback = function () { 
                           administrator.loading  false;                           
                        }

                            setTimeout(function () {
                                administratorService.updateAdministrator( callback);
                            }, 1000);

                };
}]);

有人可以指导我如何解决它。

Answer 1

您的问题可能是setTimeout，您正在更新 setTimeout 内的范围变量，它不会触发摘要周期，因此在下一个摘要周期发生之前您不会看到更新。在超时的角度版本中包装您的呼叫，即$timeout，使用它将在超时后触发摘要循环。

    Module.controller('AdminstratorController', ['$scope', '$timeout', function ($scope, $timeout) {
       administrator.save = function () {                   
            administrator.loading = true;
            var callback = function () { 
              administrator.loading  false;                           
            }

            $timeout(function () {
               administratorService.updateAdministrator( callback);
            });

        };
    }]);

附带说明一下，我不确定你在传递什么回调和使用超时，如果你使用承诺并从你的updateAdministrator 返回一个（角度）承诺，你可以链接它们并更新你的范围变量在那里，您将不再需要将其包装在超时中。