AngularJS中控制器和工厂之间的绑定

【问题标题】：Bindings between controller and factory in AngularJSAngularJS中控制器和工厂之间的绑定
【发布时间】：2016-05-28 05:19:13
【问题描述】：

我想了解 angularJS 中的绑定是如何工作的。我尝试尽可能简单地创建代码来向您展示 mu 问题。我知道如何使用它，但我不知道它是如何工作的。

这是我的例子。在其中我有3个范围变量： Plunker

<pre>{{A}}</pre>
<pre>{{B}}</pre>
<pre>{{C()}}</pre>

这些定义如下：

  $scope.A = factory;
  $scope.B = factory.a;
  $scope.C = function() {
    return factory.a.b;
  };

名为“工厂”的工厂返回此对象：

    a: {'b': 'foo'}

超时以这种方式更新工厂：

  $timeout(function() {
    factory.a = {
      'b': 'BOO'
    }
  }, 1000);

我想问是否有人可以给我明确的答案，为什么只有第一个（A）和第三个（C）在超时后更新，而第二个没有。

【问题讨论】：

【解决方案1】：

案例 B 没有改变，因为 $scope.B 没有改变。

  factory.a = {b: 'foo'};
  $scope.B = factory.a;

  $timeout(function() {
    factory.a = {'b': 'BOO'};
  }, 1000);

当$timeout函数改变factory.a时，$scope.B仍指向前一个对象{b: 'foo'}。

案例 A 发生变化，因为$scope.A 的内容发生了变化。

  $scope.A = factory;

即使名为factory 的对象reference 没有改变，引用的内容也会改变。

Case C因为函数的返回值改变而改变。

  $scope.C = function() {
    return factory.a.b;
  };

每个摘要周期，AngularJS 框架都会评估函数并根据任何更改更新 DOM。

【讨论】：