哪些部分执行双向绑定更新

Question

>假设我在具有 SortBy 模型的控制器中有以下数组。

var empsColl = [
        { 'firstName': 'Donney', 'gender': 'male', DOB:new Date("November 20, 1978"), salary1:12000, salary2:12000 },
        { 'firstName': 'Obama', 'gender': 'male', DOB: new Date("April 10, 1980"), salary1: 40000, salary2: 40000 },
        { 'firstName': 'Jeb', 'gender': 'male', DOB: new Date("May 20, 1990"), salary1: 120000, salary2: 120000 },
        { 'firstName': 'Xing', 'gender': 'male', DOB: new Date("May 3, 1990"), salary1: 12, salary2: 12 },
        { 'firstName': 'Dillon', 'gender': 'male', DOB: new Date("May 3, 1990"), salary1: 6000, salary2: 6000 }
    ];
    $scope.Employees = empsColl;
    $scope.SortBy = 'firstName';

在视图中，我在两个地方使用了双向绑定，一个在<select ng-model="SortBy">中，一个在表达式绑定中<div>{{SortBy}}</div>

我绝对知道模型更新会更新表达式绑定部分，但它是否会重新更新<select>中的选定选项？

Answer 1

幕后发生的事情是，角度收集所有视图级别bindings、binding directives、ng-model、$watch expression等，并将其放入$scope的$$watchers对象中。它有所有的观察者数组。

当 Angular 运行用于更新绑定的摘要周期时，它会通过对模型应用脏检查来重新评估每个观察程序表达式（在每个摘要周期上）。如果模型newValue !== oldValue则只有它更新绑定。否则，将跳过更新。