Angular：控制器和指令之間的sharedata。 $ watch的工作原理

Question

我在JS中有一些技巧，而且我幾乎是新手Angular。我有一個關於$ watch如何工作的問題。任務 - 以正確的方式在指令和控制器之間共享數據。據我所知，最佳做法是使用服務共享數據。所以，我有：

指令

angular.module('app.directives').directive('ffDomains', function(sharedData) { 
... 
    $scope.navigateTo = function(domain, event) { 
     $scope.activeDomain = domain; 
     sharedData.setDomain(domain); 
    }; 
... 
} 

工廠

angular.module("app.factories").factory('sharedData', function() { 
    var domain = null; 

    return { 
     setDomain: setDomain, 
     getDomain: getDomain 
    }; 

    function setDomain(_domain) { 
     domain = _domain; 
    } 

    function getDomain() { 
     return domain; 
    } 

}); 

和控制器

angular.module('app.controllers').controller('mainController', ['$scope', 'sharedData', function ($scope, sharedData) { 

    $scope.currentDomain = {}; 
    $scope.$watch(function() {return sharedData.getDomain()}, function() { 

     if (sharedData.getDomain()) { 
      $scope.currentDomain = sharedData.getDomain(); 
     } else { 
      $scope.currentDomain.domain = 'All domains'; 
     } 
    }); 

}]); 

的問題是爲什麼要使用函數（）{返回sharedData.getDomain（ ）}而不是sharedData.getDomain （）在看？最後一個是域名變量在我的服務中的鏈接。爲什麼它是不夠的呢？

非常感謝您的幫助。我感謝你的時間。

Answer 1

關於你的問題：

的問題是，爲什麼我要使用的功能（）在手錶{返回sharedData.getDomain （）}，而不是sharedData.getDomain（）？ 最後一個是我的服務中的域變量的鏈接。爲什麼它不是 就足夠了嗎？

正如official documentation描述：

到$每次調用消化（），並應 返回將要觀看的價值watchExpression被調用。 （watchExpression應當以相同的輸入 執行多次，因爲它可以通過$消化物（被執行多次不 改變它的值）。即， watchExpression應該是冪等的。）

的watchExpression可以是：

• 字符串
• 功能

的 「弦」是一個有效的AngulaJS expression。如文檔中所述：

角表達式是像下面 差異JavaScript表達式：

• 上下文：JavaScript表達式是針對全局窗口進行評價。在Angular中，表達式是針對scope對象進行評估的。

...

所以，如果你在watchExpression指定一個 「串」，AngularJS會評估對範圍的表達。

如果您通過function作爲watchExpression，該函數將返回要監視的值。每當觀察值無法在範圍內輕鬆檢索時使用「函數」（否則可以使用「字符串」表達式而不是「函數」一個）。

在您的例子中，watchExpression是：

function() {return sharedData.getDomain()} 

您sharedData服務不在範圍內（例如，$scope.sharedData = {...}）中定義的變量，但定義別處一個角度的服務。出於這個原因，你必須使用函數（）作爲watchExpression，否則Angular不能觀察域的變化。

Answer 2

在這個特定情況下，您指的是工廠，因此是當前範圍之外的變量。

當您將一個變量傳遞給觀察者時，angular將在當前範圍內評估字符串，並且顯然它不存在。

var domain sharedData.getDomain(); 
$scope.$watch('domain', function(newVal, oldVal) { 
//domain doesn't exist in the current scope 

}); 

每次你想觀看你必須提供一個回調作爲將在dygest週期中被觸發參數的當前範圍之外的東西。

$scope.$watch(function(){ 
    return sharedData.getDomain() 
}, function(newVal, oldVal) { 

});