Question

从嵌套函数访问函数属性时遇到问题。我确定我错过了一些东西，但经过3个小时的Google之后我就不知道该找什么了。背景：我想为angularjs添加一个控制器，在一段时间后重新加载页面。我的问题是来自＆＃34; this.reloadTicker（）＆＃34; to＆＃34; this.enabled＆＃34;。重命名控制器功能然后访问它们的想法不起作用。一种解决方案是将所有内容存储在＆＃34; $ scope＆＃34;中，但是有更好的解决方案吗？

我的代码：

ctrls.controller("reloaderCtrl", function reloader($scope) {
    this.enabled = true;
    this.paused = false;
    this.maxSecs = 30;
    this.secs = 30;
    this.reloadTicker = function() {
        if (reloader.enabled && !reloader.paused) {
            if (reloader.secs > 0) {
                reloader.secs--;
            } else {
                reloader.reload();
                reloader.secs = reloader.maxSecs;
            }
            $scope.$apply();
        }
        setTimeout(this, 1000);
    }
    this.reload = function() {
        $scope.$emit('doReload');
    }
    setTimeout(this.reloadTicker, 1000);
});

Answer 1

您需要在某个变量中捕获this：

ctrls.controller("reloaderCtrl", function ($scope) {
    var vm = this;
    vm.enabled = true;
    vm.paused = false;
    vm.maxSecs = 30;
    vm.secs = 30;

    vm.reloadTicker = function() {
        if (vm.enabled && !vm.paused) {
            if (vm.secs > 0) {
                vm.secs--;
            } else {
                vm.reload();
                vm.secs = vm.maxSecs;
            }
            $scope.$apply();
        }
        setTimeout(this, 1000);
    }
    vm.reload = function() {
        $scope.$emit('doReload');
    }
    setTimeout(vm.reloadTicker, 1000);
});

PS。我建议使用Angular $timeout而不是setTimeout（https://docs.angularjs.org/api/ng/service/ $ timeout）

PSS。我建议通过John Papa的Angular Style Guide。这绝对是一个很好的阅读（https://github.com/johnpapa/angular-styleguide）

从嵌套函数访问函数属性

1 个答案: