AngularJS $ watch行為異常

Question

我有一條指令，每當服務變量更改時，該指令應調用一個函數。

指令內部包含以下代碼：

$rootScope.$watch('movesService.selectedMove', function() {
    console.log(movesService.selectedMove);
    if (movesService.selectedMove === "Punch") {
      vm.pushToFightLog('Select Target');
    }
    if (movesService.selectedMove === "Fury") {
      //Action
    }
    if (movesService.selectedMove === "Fortify") {
      //Action
    }
    if (movesService.selectedMove === "Parry") {
      //Action
    }
  }, true);

服務：

 angular
    .module('outerZone')
    .service('movesService', movesService);

  function movesService() {
    var vm = this;

    vm.selectedMove = "Punch";


  }

事實是，第一次調用$ watch時，它可以讀取變量並將其記錄到控制台，但是即使在此之后更改了變量，它也不會觸發該函數。

我對$ rootScope是否已正確注入很有信心，但是這里的代碼只是要仔細檢查。

angular
    .module('outerZone')
    .directive('fightDisplay', fightDisplay);

  fightDisplay.$inject = ["alliesService", "enemiesService", "fightQueueService", "$timeout", "movesService", "$rootScope"];

  function fightDisplay(alliesService, enemiesService, fightQueueService, $timeout, movesService, $rootScope) {

Answer 1

使用您提供的插頭，我對手表的功能進行了一些更改，如下所示。

$scope.$watch('test', function() { //scope variable should be watched like this
    $scope.watchCount++
});//removed true for strict checking (===) as $scope.test is initalised as String 'Hello'

如果我們要嚴格檢查，則更改$scope.test =0並

$scope.$watch('test', function() {
    $scope.watchCount++
  },true);

這是工作中的插件 。要了解$ watch（）的工作原理，請查看此博客