angularjs - 如何在AngularJs中将vm传递给setTimeout？范围的更改不会更新DOM View

Question

我正在尝试以下代码。当我看到该组件出现/消失时，一切似乎都在起作用，这取决于我为变量设置的值。但是，当我在setTimeout(...)函数中执行此操作时，它开始出现异常。会显示愚蠢的文本，但没有设置为vm的值。我的猜测是我需要以某种方式通过它，但我不确定如何通过。

(function () {
  'use strict';

  angular
    .module("app")
    .controller("Banana", banana);

  function banana() {
    var vm = this;
    vm.showStuff = false;

    setTimeout(function () {
      console.log("poof!");
      vm.showStuff = true;
    }, 1000);
  }
})();

我需要使 View 模型可全局访问吗？

Answer 1

尝试使用以下脚本。

(function () {
    'use strict';

     angular
         .module("app")
         .controller("Banana", banana);

     function banana($timeout) {
        var vm = this;
        vm.showStuff = false;

        $timeout(function () {
            console.log("poof!");
            vm.showStuff = true;
        }, 1000);
     }
})();

需要注意的是-需要执行其他步骤。

用setTimeout(...)代替$timeout(...)。

将$timeout传递到banana(...)中。

提供banana.$inject = ["$timeout",...]。