簡單$觀看服務不起作用，但可以訪問服務

Question

我正在撿起AngularJS，我遇到了一個問題，我似乎無法看到一個變量，看起來很直觀，但我無法弄清楚哪裏不對。

服務

app.factory('pathModalService', function() { 
var path; 
return { 
    getPath: function(){ 
     console.log('get path'); 
     return path; 
    }, 
    setPath: function(newPath){ 
     console.log('set path:' + newPath); 
      path = newPath; 
    } 
} 
}); 

控制器，設置

app.controller('PathsCtrl', ['$scope', 'pathModalService', function($scope, pathModalService){ 
$scope.edit_path = function(){ 
    pathModalService.setPath('test1'); 
} 
}]); 

控制器，是看

app.controller('PathModalCtrl', ['$rootScope', 'pathModalService', function($scope, pathModalService){ 
$scope.$watch(pathModalService.path, function() { 
    console.log('Change to Path'); 
}, true); 
$scope.test = function(){ 
    console.log(pathModalService.getPath()); 
} 
}]); 

包含的路徑模式服務工作正常，因爲我可以強制讀取它，但除了應用程序第一次運行（奇怪）時，它看不到任何內容。

小提琴：因爲pathhttp://jsfiddle.net/7QbCG/10/

Answer 1

pathModalService.path未定義是封閉變量。您需要在pathModalService.getPath

$scope.$watch(pathModalService.getPath, function() { 
    console.log('Change to Path'); 
}, true); 

演示登記表：Fiddle

我的測試O/P爲fiddle