為什么一個AngularJS服務綁定起作用而另一個不起作用

Question

如果您使用以下Plunkr，您將看到一個簡單的服務-遞增計數並將其報告給用戶。

我想了解的是為什么它起作用（ 增量是在單擊時報告給用戶的 ）-綁定到視圖中的函數：

從HTML

<p> This is my countService variable : {{countService()}}</p>

從控制器

$scope.countService = testService.getCount

以及為什么這樣不起作用-將函數綁定到范圍：

從HTML

<p> This is my countService variable : {{countService}}</p>

從控制器

$scope.countService = testService.getCount()

最終，我們將綁定到服務中的一個函數，盡管第二個不綁定新值。

清晰，易於理解的解釋非常有用:)

Answer 1

在第一個版本中，您直接綁定到函數，因此angular檢查函數輸出是否已更改。 在第二個版本中，僅在創建范圍時才將函數調用一次，並將countService設置為該值。 由於countService現在是一個與計數函數無關的變量，因此其值不會反映該函數返回的值。